How do you implement CSS without to have clear:both on float left and float right

Question

How to clear float:left & float:right on CSS

You may look an example here

The wrap id overlap to the header & search. How to fix it without to put the clear:both

Answer 1

overflow:hidden on #wrap. Since you already have a width it automatically clears in IE.

http://work.arounds.org/clearing-floats/

Demo

Answer 2

If you're asking how to prevent the wrap from overlapping the two divs then: wrap should have the attribute overflow: auto;

Answer 3

You can clear floated divs with br clear="all" if you don't like clear:both