Joel D Canfield wrote:
> http://streamliine.com/ii/bb/ looks as expected in FireFox, last two versions
> of NN, and Opera.
>
> IE7 adds padding, methinks, to the text; IE6 blows up entirely and adds a
> quart of margin. why?
>
> thanks muchly
>
> spinhead
>
>
Try completely revising your CSS to:
body {
background-color: #fff; color: #000; font-size: 100%; margin: 0;
padding: 0; <<< kill IE em font-scaling bug-- add percent on body
}
#navcontainer {
float:left; width: 130px; <<< set a width on the float
}
#navcontainer ul {
font: bold 0.7em/1.1 sans-serif; <<< set line-height for IE7.0
list-style: none;
padding: 0; margin: 0; <<< zero this stuff
}
#navcontainer a {
border-top:3px solid #ffceff;
border-right:4px solid #660066;
border-bottom:4px solid #660066;
border-left:3px solid #ffceff;
background-color: #bd07bd;
color: #ffffff;
padding-left: 5px;
text-decoration: none;
width: 100%; <<< kill the white space bug in IE6
}
#navcontainer a:hover {
border-top:3px solid #ffceff;
border-right:4px solid #660066;
border-bottom:4px solid #660066;
border-left:3px solid #ffceff;
background-color:#bd07bd;
color: #ffceff;
}
#navlist a {
display: block;
}
Quick tested (local) in XP :: IE7, IE6, Firefox/2.0.0.2, and Opera/9.10.
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
