Hi,

I have a drop down menu on my website www.leehughes.co.uk

i thought everything was working ok until an email from a friend saying that she struggled to click the drop down links as they disappeared too fast.

I have just tested it on a windows comp with IE and it does disappear too fast for you to click on the link.

Am using firefox and a mac and everything works fine...

The website has the following

Browser support

Browser support, includes, but is not limited to:

* IE5.x - Windows and Mac
* IE6.x - Windows
* Opera 8 and higher - Windows
* Opera 9 and higher - OS X
* Safari 1.2 and higher - OS X
* Firefox 1.0 and higher - Windows and OS X
* Mozilla/Gecko 1.0 and higher - Windows and OS X


Not sure what to do

Html and the css for the dropdown menu are included

I suspect the problem is due to putting the hover pseudo-class on the <li> rather than the <a>,which IE6 does NOT support. You need the whatever:hover script to make it work properly in IE.

Yeah the hover does have the <li> tag. Will I need to create a new css page for this new tag or can I simply add it to the current one ?

Thanks

no need for a new css page

still not working .. hmmm

update...

I have narrowed down the problem to that of IE does not like the code I put in for the transparent colour as my backround

<param name="wmode" value="transparent">

My aim is to get the drop down background to transparent then when hover over the link background goes black with white font colour to highlight the link..

Is there a code for a transparent background that works well with MSIE?

thanks

That wmode is for flash, and it DOES work with IE6.

Did you get the whatever:hover script ?
http://www.xs4all.nl/~peterned/csshover.html

Hi,

Yeah I read about the whatever:hover but know I doubt if it is that problems as I added background-color: transparent; which seemed to make the background transparent but still gave me the same problems. SO am guessing it is not a transparent issue any more.

Still confused, it works on IE 8 but not below..

Not working in IE6 >> Dropdown links

Firefox - 3.0.11 >> Dropdown links work

Hey guys... website now fixed, well only tested it for IE 7 as that's all I have but it worked..

here is what I needed to do..

#menuwrapper {
border-top: 1px solid #000;
border-bottom: 1px solid #333;
background-color: #000000;
background-image: url();
background-repeat: repeat-x;
padding-bottom:0;/* 25px;*/
padding-right: 1px;
margin-right: 0px;
height: 1px;
bottom: auto;
}

#p7menubar li ul, #p7menubar ul li {
width: 12em;
background:url(fake.jpg); /*IE needs some sort of BG on the UL*/
}
I also needed to add a </style> to one of my html tags

Yay!!

which seemed to make the background transparent but still gave me the same problems. SO am guessing it is not a transparent issue any more.

Unfortunately, it doesn't make any difference, you still need the wmode.

I thought IE6 couldn't view transparencies, and instead uses an ugly brownish coloring?

I thought IE6 couldn't view transparencies, and instead uses an ugly brownish coloring?

No, IE6 cannot display transparent PNG's - this is not a PNG problem.

Here is a hack that allows IE6 to work properly with your png.
http://vectorthis.com/2009/02/07/ie6...parency-hacks/