PDA

View Full Version : Damn IE


kona72
08-01-2008, 12:36 AM
Hey Gang,

I am having an issue with a CSS based drop down and IE (Big surprise!)
The site can be viewed here www.trafick.net/gspp

The issue is that the dropdowns will not show in IE6...

Here is the nav CSS....


#nav{height:45px;}

ul#dropdown
{
width: 100%;
height: 45px;
margin: 0px auto;
/*font-size: 2em;
*/}

ul#dropnav li
{
position: relative;
list-style-type:none;
float:left;
width: 150px;
line-height: 45px;
background-color: #303030;
}

ul#dropnav li.noBorder
{
border-right: none;
}


ul#dropnav li:hover
{
background-color: #666;
}

ul#dropnav li a
{
display: block;
list-style-type:none;
float: left;
width: 100%;
color: #fff;
}

/* ---- second tier ---*/

ul#dropnav li ul
{
display: none;
}

ul#dropnav li:hover ul
{
display:inline;
float:left;
width: 200px;
height: 35px;
margins: 0; padding 0;
text-align: left;
}

ul#dropnav li:hover ul li
{
width: 100%;
height: 35px;
background-color: #303030;
border-bottom: 1px solid #fff;
overflow: hidden;
}

ul#dropnav li:hover ul li a
{
display: block;
margin: 0; padding: 0 0 0 1em;
height: 100%;
line-height: 35px;
}

ul#dropnav li:hover ul li a:hover
{
background-color: #666;



I am at a loss here.. usually i can figure it out but i have been fighting with this one for a while...

thansk!

Cary
08-02-2008, 12:33 AM
No way, man. You can't do that with IE6. It only understands hover when used on an anchor. Li:hover or anythingelse:hover are ignored by IE6. Your mission is to make it smarter. Get the "csshover.htc" file here and follow this page's instructions:

http://www.xs4all.nl/~peterned/csshover.html

It's javascript, so the menu will still fail to work in IE6 if javascript is turned off.

It will also fail to work if the .htc file is served incorrectly and IE 6 is running on Windows XP SP2:

HTC components in XP Service Pack 2 (http://www.hoeben.net/node/33)