Can't have this display properly on firefox mac

HTML & CSS
1

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;

}
2

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">[B]<img class="questionmark" src="http://www.mysite.fr/questionmark.gif">[/B]Position declaration block  </div>



.questionmark {
    [B]float[/B]:right;
    margin-right: 3px;
}

small case “float” please :slight_smile:

3

wow, thanks !