IE7 Hack pour bug flotteur/bloc

Question

Je vais avoir du mal à obtenir cette mise en page pour travailler dans IE7:

<span class="box">Headline<a href="more">More...</a></span> 

.box { 
display: block; 
} 

.box a { 
display: inline; 
float: right; 
} 

Tous les navigateurs affichent dans la bonne manière;

Headline       More... 

Mais IE7 fait ceci:

Headline 
            More... 

Toutes les idées sur la fixation de ce? J'ai essayé de régler le a à bloquer, inline-block, quoi que ce soit, n'a pas fonctionné. De même avec quelques corrections souvent utilisés comme boîte-modèle, etc.

Answer 1

Essayez de mettre l'étiquette <a> au début du .box

<span class="box"><a href="more">More...</a>Headline</span>