I also have a problem with background color change on hover, and the fix for
the problem K. Wilcox had did not work for me.
Perhaps someone can tell me what it is I am not doing correctly. The hover
on this site: http://www.changeswlc.com covers horizontally, but not
vertically.
My navigation code:
ul#nav {
list-style-type: none;
margin: 0;
padding-left: 20px;
padding-bottom: 24px;
font: bold 90% verdana, arial, sans-serif;
}
ul#nav li {
float: left;
height: 21px;
background-color: #AADFE0;
margin: 1px 1px 0 1px; /* this controls the space between tabs */
border: 1px solid #59C0C3;
border-bottom: 0;
}
ul#nav a:link, ul#nav a:visited {
display: block;
color: #BE32FE;
background-color: transparent;
text-decoration: none;
padding: 4px 15px;
}
ul#nav a:hover {
background-color: #BE32FE;
color: #F3F7D4;
font-weight: bold;
font-size: 100%;
}
body#home li.home, body#about li.about, body#tour li.tour, body#contact
li.contact, body#faqs li.faqs, body#coupons li.coupons, body#members
li.members {
border-bottom: 1px solid #fff;
color: #59C0C3;
background-color: #FFFFFF;
}
body#home li.home a:link, body#home li.home a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#tour li.tour a:link, body#tour li.tour a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#faqs li.faqs a:link, body#faqs li.faqs a:visited,
body#coupons li.coupons a:link, body#coupons li.coupons a:visited,
body#members li.members a:link, body#members li.members a:visited {
color: #59C0C3;
font-weight: bold;
background-color: #FFF;
}
I can always just remove the background on the hover, only showing a change
on the font color, but I would really like to know what is my problem for
future projects.
Thanks.
Joan
_________________________________________________________________
Dont just search. Find. Check out the new MSN Search!
http://search.msn.click-url.com/go/onm00200636ave/direct/01/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/