Howdy,

Still having a whitespace problem with IE (5, 6, and 7).

#leftnav li {
        width: 143px;
        border-top: solid 1px #7A7BAF;
}


#leftnav a {
        font-size: 10px;
        line-height: 12px;
        display: block;
        vertical-align: bottom;
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        width: 143px;
        wid\th: 135px;
}

The problem seems to be that when the width hack is added to make the  
whole LI clickable, some extra space is added.

I've tried the vertical-align:bottom, float:left|right,  
display:inline, and I can get IE7 and IE6 to work, but the 5 browsers  
still have problems.

The </li (linebreak) ><li>  hack won't work, as this needs to be a  
clean template that is updated by a CMS system.

any other tricks?...

thanks...

-- karl
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to