Float или position?

Имеется разметка:

<div class="container">
<div class="sidebar"></div>
<div class="content"></div>
</div>

Как правильно сверстать двухколоночную структуру? 1-ый вариант:

.container {overflow:hidden;}
.sidebar {float:left;width: 200px;}
.content {float:right;width:800px;}

2-ой вариант

.container {position:relative;padding-left:200px;width:1000px;}
.sidebar {position:absolute;top:0;left:0;width:200px;}
.content {}

Мне нравится решение под номером два, оно более надежно так как блоки не плывут при масштабировании, но в чем их принципиальное отличие, и что правильнее?