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*/
}
<ul> display problem in netscape 7
Hi
The problem's with the selector for the list. Instead of
#navlist ul
try
ul#navlist
<ul> display problem in netscape 7
thanks for that chris.
thats what happens when you stare at CSS rules for too long