Span mise hors - à l'aide Float (uniquement dans certains navigateurs)

Question

S'il vous plaît voir www.racedayworld.com

Le signe plus (qui flottaient à droite d'un panneau div accordian) est poussé vers le bas dans certains navigateurs, mais se montre bien d'autres ... est

Je sais que ça se passe dans ces navigateurs ... Firefox 3.0.5 IE 7 autres?

Des idées?

Answer 1

Au lieu de:

#accordion span { 
float:right; 
} 

Débarrassez-vous de la portée. Flotter l'image elle-même. Utilisation:

#accordion img { 
float:right; 
display:block 
} 

Answer 2

id juste faire la partie img de l'arrière-plan

#accordion h2 img{ 

    position:absolute; 
    top:0; /* you might need to play with # */ 
    right:0; /* you might need to play with # */ 
} 

#accordion h2{ 

    position:relative; 
} 

Je voudrais aussi utiliser sans thème l'accordéon de jQueryUI à la place, car il a le soutien aux États/classes ouvertes/actifs/inactifs .

http://jqueryui.com/demos/accordion/

Answer 3

flotteur flotte uniquement les éléments ci-dessus ceux qui suivent après dans l'ordre du document. Essayez livrer quelque chose comme ceci:

<h2><span><img src="plus.gif"/></span> text here </h2> 

Comme d'autres ont également mentionné, le SPAN est peut-être redondant.