This is a discussion on "New to this- IE 6 drop down menu problem..." within the Web Page Design section. This forum, and the thread "New to this- IE 6 drop down menu problem... are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
New to this- IE 6 drop down menu problem...
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
#1
|
|||
|
|||
|
New to this- IE 6 drop down menu problem...
OK, I am creating a microsite and it's almost comlpete, well when I opened the site in Internet explorer 6 I noticed once you roll over the drop menu it stays up. I have tried everything! It might be that I'm over thinking it but I'm about to pull my hair out. I have started a seperate style sheet for IE6, it works fine in all other browsers including IE7. The url is:
http://208.112.123.63/~bghcom/paypro/v2/index.php And the services tab is the only one with a drop down. Any help on this is greatly appreciated... |
|
|
|
#2
|
|||
|
|||
|
Re: New to this- IE 6 drop down menu problem...
Sorry for the delay in posting...
Did you get this solved? If not, can you post the IE6 css for the navigation. That is certainly a weird issue. |
|
#3
|
|||
|
|||
|
Re: New to this- IE 6 drop down menu problem...
Here's my styles, I entered some styles into a new ie6 style sheet but nothing worked so it's blank right now other than some other site fixes:
/*-- Menu Styles --*/ .menu{ position: relative; width: 540px; height:18px; text-align: center; padding: 0px; z-index: 99; } .menu ul { font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#FFF; margin: 0px; padding: 0px; float: left; display: block; list-style: none; } .menu ul li { position: relative; float: left; display: inline; list-style: none; background:none; } .menu ul li a, .menu ul li a:visited { text-decoration:none; display:block; color: #FFF; line-height: 18px; font-size: 11px; } .menu ul li ul { display: none; border: none; } .menu ul li ul { display: none; border: none; } table { margin: 0px; border-collapse:collapse; } .menu table{ border-collapse:collapse; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -1px; } /*-- end --*/ /*-- specific to non IE browsers --*/ .menu ul li:hover a, .menu ul li a:hover { color:#99CCFF; background-color: transparent; } .menu ul li:hover ul, .menu ul li a:hover ul { display: block; position: absolute; margin: 0px; } .menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { z-index: 99; visibility: hidden; position: absolute; } .menu ul li:hover ul li a, .menu ul li a:hover ul li a { background-image: url(../images/button_bg_x.png); background-color: transparent; display: block; text-align: left; color: #FFF; width: 120px; border: 1px solid #999; z-index: 99; } .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { background-color: transparent; color: #99CCFF; border: 0px; border: 1px solid #999; z-index:99; } .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul { visibility: visible; position:absolute; top: 0px; width:122px; z-index:99; } .menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left { left:-122px; } /*-- end --*/ |
![]() |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Drop-down Menu | kaz | JavaScript Forum | 7 | May 23rd, 2007 10:05 |
| I have a normal css menu, but want ot add drop down menu to it | multichild | Web Page Design | 7 | Jan 9th, 2007 16:07 |
| problem with css/javascript drop down menu | ultimate0 | Web Page Design | 9 | Mar 29th, 2006 14:15 |
| Drop down menu ... | Drysdale | Web Page Design | 3 | Jul 21st, 2005 22:00 |
| drop menu help | makemesick | JavaScript Forum | 2 | Apr 23rd, 2005 05:48 |