Jag kör alltid på floats och använder sällan position:absolute eller position:relative om det inte är avancerad grafik som kräver ett enstaka eller väldigt få element med det.
Vill inte predika något men det är det jag lärt mig från alla CSS bloggar, artiklar och podcasts av alla officella CSS nissar.
Skulle köra en uppsättning likt denna istället.
Kod:
<div id="container">
<div id="branding">
</div>
<div id="navigation">
<ul>..</ul>
</div>
<div id="col-a">
<div id="sms">
</div>
</div>
<div id="content">
</div>
<div id="col-b">
</div>
<div id="site-info">
</div>
</div>
CSS koden har jag inte tid att skriva i nuläget och borde inte behövas
Bara mitt lilla tips klagar inte på nuvarande kod!
EDIT: Borde lösa det problem du har automatiskt.