Help with menu height

[virtuaffinity]

Can anyone help me replicate what I've achieved in IE with my menu in Firefox please?

http://www.heaven-spa.co.uk/test.htm

As you can see in firefox the hover on the menu only has the height of the text but in IE it fills the nav bar top and bottom. I want to replicate what's happening in IE but can't for the life of me work it out.

Thanks in advance.

[Paul O'B]

HI,

Just set the default padding and margins of the ul to zero and move the line-height into the anchor for both browsers.

#navcontainer ul{margin:0;padding:0}
#navlist li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
}
#navlist a {
 float: left;
 padding-right: 17px;
 padding-left: 17px;
 font-weight: bold;
 text-decoration: none;
 font-size: 0.8em;
 line-height: 51px;
}
* html #navlist a {}/* not needed*/

That should sort it out

[virtuaffinity]

Thanks Paul.