space between one list and other?

when you have CSS styled menus

[sugar2]

hi, i have two list menu, with some css enhacements like hover, submenus, hover-bullets.

they are vertical but they are rendered as if one.
i mean with no space between each and other...
i tried with a <br> but it only works in IE, and a \&nbsp; but it only works in Firefox

look what i have to do in order to make it work:

UL MENU 1<script>
// if mozilla based:
if(document.getElementById &&!document.all)
document.write ("&nbsp;");
</script>
</ul>
<!--[if gte IE 5]>
<br>
<![endif]-->
UL MENU 2

do you know a better way to handle with this situations?

thanks in advance

[zackattack]

Hi sugar2

You can add padding to bottom of ul element like this:

ul {
padding-bottom: 10px;
}

This works in Fire Fox and I.E.

good luck

ZA

[sugar2]

doh!

thanks ZA