ie extra line using both tables and css

[acorn71]

hello, the following code below creates an unwanted space (about 1px)
underneath my image using ie 6. this space does not show up in ff1. the
same results happen regardless if i use different images, or put my
image inside a table. any suggestions? thanks. aaron;

p.header {
border-style: solid;
border-color: #232D78;
border-width: 2px;

position:absolute;
top:50px

}

<p class="header">
<img src="myimage.gif" width="100" height="50" alt="mycaption"
border="0" />
</p>

 

[Els]

unwanted space (about 1px) underneath my image using ie 6.

The image is probably sitting on the baseline of text, leaving room
for the lower halfs of the letters g and j and others.
Does img{display:block;} or img{vertical-align:bottom;} change
anything?

 

[acorn71]

hey, thank you so much! the img{vertical-align:bottom;} works on both
ie and firefox. you have really helped me with this one as i was sure
spending a lot of time trying to figure that out. thanks again!

aaron;

 

[Els]

hey, thank you so much! the img{vertical-align:bottom;} works on both
ie and firefox. you have really helped me with this one as i was sure
spending a lot of time trying to figure that out. thanks again!

You're welcome

Can you do me a favour in return? Well, not just me, but like
everybody here?

Read this link carefully:
http://www.safalra.com/special/googlegroupsreply/

Thanks