CSS Floats and Mac IE5

Does anyone have any ideas why the example below is doing what it's doing in IE5 Mac ?

How it should look (IE6 windows):



How IE5, on a Mac displays it:



Link to the example


Styles Involved:

.bigBox {
background-color: #B7D3FF;
height: 120px;
width: 120px;
float: left;
margin: 10px;
}
.smallBox {
background-color: #B7D3FF;
height: 50px;
width: 50px;
float: left;
margin: 10px;
}
.container {
background-color: #FFFFCC;
position: absolute;
height: 100%;
width: 250px;
left: 0px;
top: 0px;
}
#clear {
clear: both;
}