Opera Float Bug

[yowza]

I've created a containing div with a div floated left and text to the right of the float. It displays perfectly in every browser except Opera. I tried it in Opera 7.11 and 7.23.

Opera pushes all of the text below the float.

The style sheet and the xhtml both validate.

Any ideas?

Here's the style sheet:
.specifics {
position: relative;
font: x-small Arial, Helvetica, sans-serif;
top: 6px;
width: auto;
}
.specifics3 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
position: relative;
width: auto;
}
.prodbox {
position: relative;
height: auto;
border-bottom: 1px solid #000000;
float: left;
width: auto;
}
.photo {
width: 80px;
text-align: center;
color: #CC9933;
font: 12px Arial, Helvetica, sans-serif;
float: left;
border: 1px solid #CC9933;
margin-right: 4px;
margin-top: 5px;
padding: 7px 2px;
margin-bottom: 0px;
}
.description {
position: relative;
top: 11px;
margin-bottom: 16px;
font-size: small;
}

[rogerdp]

All of this font stuff isn't relevant, there's no need to post it. Where's some sample HTML?

[SuzyUK]

.description {
/* position: relative; */
/* top: 11px; */
margin-bottom: 16px;
font-size: small;
}

remove the position relative from this class.. not sure if it's a bug or a different interpretation of the specs...haven't got time to dissect the specs..

if you want a gap at the top of the description you can use padding instead..

Suzy