html - Image width is not proper in IE -


in html table displays red line. in firefox getting line correctly. in ie line has got line height incremented.showing in images below.

<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" summary=""> <tr> <td style="background-color: red"><img alt="" src="myimage.gif" width=1 height=1> </td> </tr> </table> 

in firefox:

enter image description here

in ie: enter image description here

why happening or how can fix it.

i think it's better apply css style border-bottom: 1px solid row.

<table style="width: 100%; text-align: center;" cellspacing="0" cellpadding="0">     <tr>         <td>some column</td>     </tr>     <tr>         <td style="height: 1px; line-height: 1px; border-bottom: 1px solid red; background: transparent;"><!-- border --></td>     </tr> </table> 

live example: http://jsfiddle.net/6jvvq/6/


Comments

Popular posts from this blog

php - mySql Join with 4 tables -

css - Text drops down with smaller window -

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -