การลบ whitespace รอบๆ รูปภาพในตาราง

อ่านหัวเรื่องแล้วอย่างงนะครับ (ตัวเองแอบงงนิดๆ ฮ่าๆ) ปัญหามีอยู่ว่า ถ้าเราใส่แท็ก img เข้าไปในแท็ก table มันจะเกิด whitespace ขึ้นมาที่ใต้ภาพ เมื่อแสดงผลด้วย IE ซึ่งเราสามารถลบ whitespace นี้ออกไปได้ด้วยการนำเอา css เข้ามาช่วยครับ ซึ่งเราอาจจะเขียนเป็น class ไว้ในไฟล์ css ประมาณนี้ครับ

.img-td{ display:block }

จากนั้นพอเพื่อนๆ ต้องการจะใส่รูปเข้าไปในแท็ก table ก็ให้กำหนดค่าของ class เป็น img-td

<html>
<head><title>การลบ whitespace รอบๆ รูป���าพในตาราง</title>
<style type="text/css">
<!--
.img-td{display:block}
-->
</style>
</head>
<body>
<table border="1" >
<tr>
 <td><img class="img-td" src="image.gif">
 </td>
 </tr>
</table>
</body>
</html>

แค่นี้ก็เรียบร้อยครับผม ^^

แหล่งข้อมูลครับ