Hi,

I have a dodgy problem with my Stylesheet in Internet Exploret 5+.

<!-- START: Code -->
<style>
.mydiv {
        font-family: Arial,Verdana;
        font-size: 12px;
        color: #333;
        width: 300px;
        line-height: 16px;
}
img {   border: 0; }
</style>
<div class="mydiv">
        Text Text Text Text Text Text Text Text Text
        Text Text Text Text Text Text Text Text Text
        Text Text Text<img src="arrow.gif" width="9" height="7" alt=""
/>      Text Text Text Text Text Text
</div>
<!-- END: Code -->

The problem is, that an image inside a block element destroys the
line-height of the line containing that image. In my example the line
height of the line containing an image is only 15 px and not as declared
16px.

Can anybody help me?


Cheers,

-- 
Marco Della Pina

******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to