Hello everyone, I'm having a major issue with my main navigation in IE6. For some reason, scrollbars are showing up and part of the navigation is hidden. Everything looks great in the latest version of Firefox and in IE7. Any help would be much appreciated. I'm sure I'm missing something in the CSS, and targeting IE6, but just don't know what it could be. Thanks!
i dunno what you did for your header because i couldn;t figure out your css and html but from what it looks like is that you are trying to align the nav to the right side of the header area.
#header { background:transparent url(../images/headerBackground.jpg) top left repeat-x; height:105px; } #header .wrapper { width:989px; }
#headerLogo { background:transparent url(../images/logo.jpg) top left no-repeat; float:left; width:250px; height:100px; display:inline; } #headerLogo h1 a { display:block; width:250px; height:100px; background:transparent url(../images/logo.jpg) top right no-repeat; } #headerLogo h1 a:hover { background-position:top left; } #headerLogo h1 a span { display:none; }
#headerNav { float:right; margin-top:53px; } #headerNav .headerLinks li { display:inline; } #headerNav .headerLinks li a { display:block; float:left; color:#8b8b8b; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding:10px 10px 20px 10px; background:url(../images/headerArrow.jpg) 0px -1000px no-repeat; } #headerNav .headerLinks li a:visited { color:#8b8b8b; } #headerNav .headerLinks li a:hover { background-position:bottom center; background-repeat:repeat-x; }
this is what i have for one of my sites and it works fine on everything. .footerlinks is the ul
http://whosthebest.ca/xindesign/ here is the example i put above, this site is not functioning so dont be surprised when everything doesn't work when you click on it