glenelkins Posted June 12, 2008 Share Posted June 12, 2008 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? Quote Link to comment Share on other sites More sharing options...
haku Posted June 12, 2008 Share Posted June 12, 2008 set a line-height in the CSS for the li tags. Quote Link to comment Share on other sites More sharing options...
s_ff_da_b_ff Posted June 12, 2008 Share Posted June 12, 2008 haku link me to your website Quote Link to comment Share on other sites More sharing options...
glenelkins Posted June 12, 2008 Author Share Posted June 12, 2008 doesnt work. I added line-height firstly to the .nav_items li class and then to all of them, none of it worked Quote Link to comment Share on other sites More sharing options...
djcubez Posted June 12, 2008 Share Posted June 12, 2008 try adding display: block; to your a:link Quote Link to comment Share on other sites More sharing options...
glenelkins Posted June 13, 2008 Author Share Posted June 13, 2008 ahha thanks that fixed it Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.