Habe das ganze auch mal in einer Tabelle integriert ausprobiert.
Mir scheint, dass Microsoft "float" in einer komplett anderen Weise interpretiert.
Hier der Code zum Nachspielen der lustigen Effekte(das Bild einfach erstzen - Originalgröße war 140x140):
<html>
<head>
<title>display</title>
<style type="text/css">
.containerDiv { float: left;
border: solid 3px gray;
margin: 5px;}
.inhaltsDiv { float: left;
margin: 5px;}
</style>
</head>
<body>
<div class="containerDiv">
<table>
<tr>
<td>
<div class="inhaltsDiv">
<div>1 - 1</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>1 - 2</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>1 - 3</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>1 - 4</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
</td>
</tr>
</table>
</div>
<div class="containerDiv">
<table>
<tr>
<td>
<div class="inhaltsDiv">
<div>2 - 1</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>2 - 2</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>2 - 3</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
<div class="inhaltsDiv">
<div>2 - 4</div>
<img id="viewImg_0_3" name="viewImg" src="thumbs/DSC00001.JPG.png" align="middle" />
</div>
</td>
</tr>
</table>
</div>
</body>
</html>