tag. In FF 2.0.0.1
this text is vertically centered inside the div. In IE 6, it is not. So,
I can fix IE by including a line-height equal to the height of the
parent div. Fine, but that screws up FF. It seems that conditional
comments are the solution for me, but I think I'm not using them right,
because they're not working.
Here's my code:
---- snip from css ----
div.SiteHeader{
border: 1px solid #336566; /*AAAAAA*/
width: 850px;
background-color: #E3F0D6; /*D5F0D5,CDD9E5*/
height: 60px;
text-align: left;
margin: auto;
<!--[if IE 6]>
line-height: 60px;
<![endif]-->
}
p.SiteHeaderText{
font-size: 20px;
font-weight: bold;
color: #3F6F5E; /*#698DB0 (light), #5880A7 (darker), #4F7396 (darker
still), #466686 (darkest yet)*/
padding-left: 5px;
}
---- end snip ----
---- the html ----
<div class="SiteHeader">
<p class="SiteHeaderText">Cottonwood Financial Web Administation