[CSS]float problem na mozilli i chrome Opcje

[jacobson]

Witam mam pewien problem z elementami plywajacymi. Otoz mam 3 elementy ustawione obok siebie.

[PHP] pobierz, plaintext 
.element1{
margin: 5px 5px 0 0;
clear:left;
float:left;
}
.element2{
margin: 10px 0 0 0;
float:left;
font-family: verdana;
font-size: 11px;
width: 500px;
height: 20px;
}
 
.element3{
margin: 10px 0 0 0;
float:left;
font-family: verdana;
font-size: 11px;
width: 480px;
height: 20px;
}
[PHP] pobierz, plaintext 

Strony wygladaja prawidlowo na operze i (o dziwo) na IE, czyli sa obok siebie. Natomiast na chrome i na ff pierwsze dwa sa obok siebie a trzeci zachowuje sie tak jakby mial parametr clear:left; ... czy ktos moze wie w czym moze byc problem ?
pozdrawiam

[croc]

Usuń właściwość clear i zamiast niej zamknij te elementy w <div>, który ma na przykład takie style:

[CSS] pobierz, plaintext 
overflow: hidden;
height: 100%;
[CSS] pobierz, plaintext