boîte de recherche ne flottera pas à droite dans IE8

Question

ce champ de recherche ne flottera pas à droite dans IE8 sur un site wordpress. Voir une capture d'écran à quoi il ressemble dans FF et comment il regarde dans IE8: http://www.abload.de/img/searchbox_bugl4z5.jpg

Code de la header.php (float ajouté: ici, mais je suppose que ce n'est pas utile de cette façon?):

<div id="topnav"> 
    <?php echo qtrans_generateLanguageSelectCode('image'); ?> 
    <br /> 
    <form style="float:right;" role="search" method="get" id="searchform" name="searchform" action="#" > 
     <div style="float:right;"> 
      <input class="text" type="text" value="Search for..." onfocus="if(this.value == 'Search for...'){this.value = '';}" name="s" id="s" /> 
      <input class="button-secondary" type="submit" id="searchsubmit" value="Search" /> 
     </div> 
    </form> 
</div><!-- /#topnav --> 

code CSS:

#topnav{ 
    font:17px/17px Helvetica, Arial, sans-serif; 
    padding:0; 
    float:right; 
    margin-top:23px; 
} 

je regardais des discussions ici, mais n'a pas été vraiment en mesure de trouver la solution.

Merci les gars!

Answer 1

Si votre #topnav n'a pas besoin d'être flottaient à côté de quoi que ce soit, vous pouvez le corriger en supprimant tous les style="float:right;" de votre HTML et en changeant la #topnav CSS comme suit:

#topnav{ 
    text-align: right; 
    font:17px/17px Helvetica, Arial, sans-serif; 
    padding:0; 
    margin-top:23px; 
} 

Ce que le ci-dessus est faire du conteneur #topnav un élément non flottant de 100% de largeur qui aligne tout à l'intérieur vers la droite. Vous pouvez le voir in action here.

N'hésitez pas à poster plus de code/captures d'écran si ce qui précède ne fonctionnera pas pour vous. Si vous avez un lien de développement, nous pouvons regarder, encore mieux.