The following page [url]http://wsdev.colostate.edu/cwis116/admmock/dsp_trn.cfm
renders the left navigation properly in mozilla and opera. There is extra space between list items in IE 6.0.
I looked in the forum, and saw the solution discussed as “holly hack” and tried with “height:1%” added to #leftnav li {} and #leftnav a {}. It did not work for me. How do you I fix this?
Thanks.
CSS:
#leftnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#leftnav a
{
display: block;
color: #FFF;
background-color: #030;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}
#leftnav a:hover
{
background-color: #ddc642;
color: #FFF;
}
#leftnav li li a
{
display: block;
color: #FFF;
background-color: #050;
margin:0;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
height:1%;
}