Can't have this display properly on firefox mac

[Koros]

Hi,
please have a look at the attached image. See the question mark little blue square image (questionmark.gif) ? On all browser it is on the same horizontal level as "position declaration block" text. On the top right corner.

On firefox mac, it's a level below, not where it should.

Here is my code, do you know how to correct this?

html:

<div class="containerblock">
    <div class="headerblock">Position declaration block
   
<img class="questionmark" src="http://www.mysite.fr/questionmark.gif"> 
    </div>
        <div class="contentblock">
       
sdfsdfsfsdf
     
       </div>
            <div class="footertable"> 
Drop down menus here   
</div></div>

css:

.containerblock {  
border: solid;
border-width: 1px;
border-color: #94A3C4 #BBBBBB #BBBBBB #BBBBBB;
margin-bottom: 10px;
}

.headerblock {  
background-color: #ECEFF5;
font-color: #000000;
font-family: verdana;
font-size: 11px;
font-weight: bold;
height: 19px;
padding-top: 5px;
padding-left: 3px;
}

.positiondeclaration_images:hover {
color: #333333;
border: 0px ;
}

.questionmark {
Float:right;
margin-right: 3px;

}

[Paul O'B]

Try moving the float to be the first element on the line as some older browsers will always start a float on the next line.

<div class="headerblock"><img class="questionmark" src="http://www.mysite.fr/questionmark.gif">Position declaration block  </div>

.questionmark {
    float:right;
    margin-right: 3px;
}

small case "float" please

[Koros]

wow, thanks !