From: "Chris Recknell" <[EMAIL PROTECTED]>

><http://www.redwood.com/css/test.html>
>
>   Could someone help me understand what IE is doing to the height of
>#hpevents h2 in the code below? 

>#hpevents h2 {display:block; margin:0 10px; width:38px; height:11px;
>background:#f00; text-indent:-9999px;}

overflow: hidden is one method of dealing with this, depending on what you 
intend to do with that h2. Decreasing the font-size alone won't completely 
accomplish what you wish though it will do something. 

Set the line-height to 11px for that h2 and you have your requested display 
without the overflow property. IE is /sure/ you want space for non-existent 
text, so it keeps the element open for that purpose, regardless of any specific 
height you've set. 

~holly 
 
                   
______________________________________________________________________
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