Hi
I need a bit of help with a drop down nav bar. There are two issue I have
1. The drop down in IE 7 moves quite a bit to the right - this is fine on the mac and on IE8
2. The drop down goes behind a flash file and not over it.
I did not do the coding for this but it is up to me to sort it out.
The url is www.naturalwear.co.nz
Cheers
This is the css code for the drop-down.
Code:@charset "UTF-8"; /* CSS Document */ /*****NAV BAR****/ #navBar { background: url(images/navbar_bg.png) top no-repeat; height: 62px; width: 1000px; font-size: 15px; z-index: 1; } #navBarMain { background: url(images/navbar_main_bg.png) top no-repeat; height: 62px; width: 1000px; font-size: 15px; } ul { list-style: none; padding: 0 0 0 20px; margin: 0; padding: 22px 0 0 58px; } #nav a { font-weight: normal; color: #bc5a9b; padding-left: 5px; } #nav a { text-decoration: none; } #nav a:hover { text-decoration: none; color: #b632a2; } #nav a.active { color: #333; } #nav li li a { display: block; font-weight: normal; /* color: #666; */ padding:0px 0px 15px 5px; /*border-bottom: 1px solid #999999;*/ } #nav li li a:hover { /*padding: 0.2em 5px; border: 5px solid #7d6340; border-width: 0 5px;*/ } li.navItem { float: left; position: relative; /*width: 120px;*/ height: 40px; text-align: left; cursor: default; padding: 0 25px 1px 20px; } li#first { border-left-width: 1em; } li#last { border-right-width: 1em; } li ul { display: none; position: absolute; top: 100%; left: 0; background-color: #eddff3; font-weight: normal; padding: 0px 10px 5px 10px; border-top: 16px solid #eddff3; margin: 0 0 0 -19px; } li>ul { top: auto; left: auto; } li li { display: block; float: none; background-color: transparent; padding: 14px 0px 14px 8px; width: 198px; height: 18px; border-top: 1px solid #FFFFFF; } li:hover ul, li.over ul { display: block; } /***NAV BAR END****/



Reply With Quote

Bookmarks