List Height Issue

[glenelkins]

Hi

 

consider this code:

 

.nav_items {

margin: 0px;
padding: 0px;

list-style:none;

}

.nav_items li { margin: 0px; padding: 0px;display:inline; }
.nav_items li a:link { margin: 0px; padding: 0px;height:22px;background:url('../images/nav_hover.gif');}
.nav_items li a:visited { margin: 0px; padding: 0px;height:22px;background:url('../images/nav_hover.gif');}
.nav_items li a:hover { margin: 0px; padding: 0px;height:22px;background:url('../images/nav_hover.gif');}

 

This works fine in IE the list items appear at 22px in height. But in FF they only appear the height of the font size.

 

Any ideas how to get the height ofthe list items to work in FF?

[haku]

set a line-height in the CSS for the li tags.

[s_ff_da_b_ff]

haku link me to your website

[glenelkins]

doesnt work. I added line-height firstly to the .nav_items li  class and then to all of them, none of it worked

[djcubez]

try adding display: block; to your a:link

[glenelkins]

ahha  thanks that fixed it