Spacing in front of lists.

[Quidam]

This works in IE but not in firefox.

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
color: #959595;
list-style-type: none;
list-style-image: none;
}

When you hover the menu you can see that the submenu have a spacing in firefox, but not in IE.

It's for the css menu I'm trying to build.
You can see it at http://dreamtech.mine.nu/test/
stylesheet : /test/style.css

I'm still new to all this and I would really appriciate some help.

[WebJoel]

I didn't look too deeply into this, but I am assuming that Firefox's behaviour is correctly showing what you don't want, and IE is incorrectly showing you wht you DO want.

To get the drop-down to 'expand' to fill the available space, something like:

#smenu ul li a {display:block;....}

might do it. It causes the Selector ("#smenu ul li a") to be 'shrink wrapped'. This takes up all available space, -like it does in IE.

But like I said, -I just glanced at your code and did not try it..

[Quidam]

Thanks for your fast reply.
I found the problem though, and it was my own stupidity.

the

<-- menu -->

part in the css file, ****ed up the following code

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
color: #959595;
list-style-type: none;
list-style-image: none;
}

But thanks again for your fast reply.

[ray326]

CSS comments are /* like C */.