Hello all,
Do any of you wizards know why I can't seem to fill in the last 3 or 4
'hover over image pixels' to the right of the last link 'industry
resources'?.
when i hover over the link, i want the background image to span the entire link.
www.johnkehm.com/nav
heres the css:
.mainNav{
position: absolute; top: 108px; left: -8px;
}
.mainNav ul{
width: 641px;
height: 40px;
margin: 0;
padding: 0;
float: left;
list-style: none;
background: #426a85 url(images/navSlice.jpg) repeat-x top left;
}
.mainNav ul li {
height: 40px;
float: left;
background: url(images/navGap.jpg) top right no-repeat;
}
#last {
background: #426a85 url(images/navSlice.jpg) top right repeat-x;
}
.mainNav ul li a{
float: left;
padding: 10px 13px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
color: #c5dbff;
font-size: 12px;
margin-right: 3px;
background: url(images/navSlice.jpg) repeat-x;
}
.mainNav .first a{
padding-left: 33px;
}
.mainNav .break a{
padding-top: 4px;
text-align: center;
}
.mainNav ul a:hover{
width: auto;
background: url(images/navSliceOver.jpg) top left repeat-x;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
