FireFox viser det ikke rigtigt, men det burde det være

FF m.fl. viser ikke nedenstående korrekt:

CSS:
.content {
float: right;
width: 580px;
height: 100%;
line-height: 18px;
padding: 20px 50px 50px 50px;
}
.profile1 {
float: left;
width: 119px;
height: 21px;
line-height: 21px;
padding: 0px 0px 0px 5px;
}
.profile2 {
float: left;
width: 198px;
height: 23px;
line-height: 23px;
}
.profile3 {
float: left;
width: 30px;
height: 23px;
line-height: 23px;
}
.profile4 {
width: 228px;
float: right;
height: 23px;
line-height: 23px;
}
.txtprofile1 {
float: left;
width: 119px;
text-align: top;
padding: 0px 0px 0px 5px;
}
.txtprofile2 {
width: 456px;
float: right;
}
.clearboth {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}


HTML:
<div class="content">
    <div class="profile1"></div>
    <div class="profile2"></div>
    <div class="profile3"></div>
    <div class="profile4"></div>
    <div class="clearboth"></div>
    <div class="txtprofile1"></div>
    <div class="txtprofile2"></div>
    <div class="clearboth"></div>
</div>

I MSIE kommer det til at stå rigtigt, men i alle andre browsere står det forkert, her står profile1, profile2, profile3 og profile4 nedenunder hinanden. txtprofile1 og txtprofile2 står rigtigt nok i alle browsere. Nogen bud?

Jeg HAR prøvet at lægge profile1, profile2, profile3 og profile4 ind i en container uden held.