div: div position:relative ie problem

Beitrag lesen

Ich möchte die Grafiken auch im IE in den Tabellenzellen liegen und abgeschnitten werden, wenn die Seite verkleinert wird bzw. die relative Positionierung dies verlangt. Im Opera und FireFox funktioniert das super.

Danke für eure Hilfe.

Vorschau siehe Link oben, Quelltext siehe unten

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
<!--
.eins{
position:relative;
top:60px;
left:20px;
}
.zwei{
position:relative;
top:-20px;
left:-30px;
}
.drei{
position:relative;
top:10px;
left:15px;
}
.cont{
overflow:hidden;
}
table.table{
border-style:solid;
border-width:thin;
border-color:#0033FF;
padding-top:0px;
overflow:hidden;
}
tr.tr{
padding-top:0px;
border-style:solid;
border-width:thin;
border-color:#0033FF;
overflow:hidden;
}
td.td{
padding-top:0px;
border-style:solid;
border-width:thin;
border-color:#3399FF;
overflow:hidden;
}
-->
</style>
<title>Untitled Document</title>
</head>
<body>
<table class="table" width="100%">
  <tr class="tr">
    <td class="td"><div class="cont"><img src="1.png" class="eins" /></div></td>
    <td class="td"><div class="cont"><img src="down.png" class="zwei clearfix"/></div></td>
    <td class="td"><div class="cont"><img src="1px.gif" width="128px" height="128px" class="drei" /></div></td>
  </tr>
</table>
</body>
</html>