Chrome CSS Drop Down Menu Firefox problem

[WillAllon]

Script: Chrome CSS Drop Down Menu : http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

Hi, i got a problem with the Drop Down Menu in firefox, works perfectly in IE.

This is how its suppose to look like :

http://img81.imageshack.us/img81/9489/goodwebsiteqo6.th.jpg (http://img81.imageshack.us/my.php?image=goodwebsiteqo6.jpg)

This is how it looks like in firefox :

http://img524.imageshack.us/img524/4291/badwebsitero8.th.jpg (http://img524.imageshack.us/my.php?image=badwebsitero8.jpg)

Anyone know how to get rid of the space and how to get rid of the "v"??

Here's the link to the website : http://home.euphonynet.be/euphoria/Newsletter/mysite2/index.htm

[ddadmin]

The "v" is intentional actually in browsers that support it (Firefox included). It's used to indicate that a menu item contains a drop down. You can remove/edit it in the .css file:


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

[WillAllon]

Thank you, that worked like a charm, any idea about the height tho?

[ddadmin]

I'm using FF2.x, and don't see the extra line at the very top. In any event, you may wish to add a valid doctype (http://www.javascriptkit.com/howto/doctype.shtml) to cover some other potential subtle CSS rendering issues, in IE though.