View Full Version : Resolved CSS Vertical List Menu

05-17-2009, 12:37 PM
Hi all,

I have used the CSS Vertical List Menu from this website as a foundation to build my own one. Everything works great except than it renders a lot different in IE8 than in Firefox3.

In Firefox the full menu is visible in the page but in IE it is longer than the window and you have to scroll down to see the lower items.

I've tried different paddings and fonts and sizes without success.

Any ideas?


Here's my CSS code:

list-style-type: none;
margin: 5px 0;
padding: 0px;
width: 150px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;

.glossymenu li a{
background: white url(../navmenu/images/blackgloss1.jpg) repeat-x bottom left;
font: bold 12px Verdana, sans-serif, Arial, Helvetica;
color: #FFFFFF;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;

.glossymenu li a:visited, .glossymenu li a:active{color: white;}

05-17-2009, 02:54 PM

I've solved my own problem by digging through the archives here. It had to do with the line-height and text-decoration settings in the main body css.

It isn't perfect, but its much improved.