Jaka metoda "clearfix" najlepsza?

[Kartofelek]

clear:both - wymaga dodatkowego elementu. Nie praktyczne
overflow:auto - nie stosowałem, więc się nie wypowiem. Ale czy to aby zadziała?
overflow:hidden - najprostsze, ale i niebezpieczne. Szczególnie np gdy w danym kontenerze ma się coś rozwijać itp (np podmenu, stylowane selekty itp).

Najlepsza metoda?
ja uzywam ukradzionej z boilerplate html5:

Kod:

.clearfix:before, .clearfix:after {content: ""; display: table;}
    .clearfix:after {clear: both;}
    .clearfix {zoom: 1;}

Kod:

<div class="super-pies clearfix">
         <div style="float:left; height:100px;"></div>
         <div style="float:left; height:200px;"></div>
</div>