...

View Full Version : CSS mouseover background issue



and3109
12-25-2006, 03:46 AM
For some strange reason the entire background on the NAV buttons isn't changing on mouseover with IE...firefox works great. Any ideas? Link is below. Thanks in advance.

http://www.manliusvillage.org/test/index.html



#navigation{
height:2.2em;
line-height:2.05em;
width:758px;
margin:0 1px;
background:#578bb8;
color:#ffffff;
}

#navigation li{
width:125px;
float:left;
height: 2.1em;
list-style-type:none;
text-align:center;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

#navigation li, #navigation .selected a{
height: 2.1em;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background-color:#80b0da;
color:#ffffff;
text-decoration:none;
}

and3109
12-25-2006, 08:08 AM
anybody?

ess
12-25-2006, 01:13 PM
You should use the following declarations


#navigation{
height:2.2em;
line-height:2.05em;
width:758px;
margin:0 1px;
background:#578bb8;
color:#ffffff;
}

#navigation li{
width:125px;
float:left;
height: 2.1em;
list-style-type:none;
text-align:center;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
white-space:nowrap;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
#navigation a:hover {
background-color: yellow; /*enter color here */
}

Basically, you should declare a:link, a:visited, a:active in one block, and then declare a:hover in a seperate block to get the hover effect.

Good luck
Ess

and3109
12-25-2006, 06:28 PM
hmmm...I appreciate your reply ess. However, my attempt at the above still outputs the same result.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum