<ul> display problem in netscape 7

Hi all

What im trying to do is redesign a website main menu bar in CSS.

i have run into a display problem when using netscape this problem does'nt not occur with Opera, IE or IE on Macs.

here is a link

i have separated the problem area from the rest of the menu image so its easy to see. I have also enclosed it in a layer with a border so the problem is obvious.

http://www.bulmerscomedy.ie/test/css_test.html

basically what happens is that the <ul> is being displayed lower than on other browsers as you can see by the position of the menu images in relation to the <div> border.

i have also left in the bullet images, for reference though the problem still persists when i hide them

any help, greatly appreciated

CSS Used on the <ul> here

#navlist ul {

position:absolute;
list-style-type: none; /*turns off display of bullet*/
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/

}

#navlist li {

float: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/

}