DIV imbriqués : probleme de compatibilité IE / Firefox

Bonjour,

je suis débutant en css et j'ai un petit probleme de div.
Voici mon code :
<div style="width: 100px; height: 9px; background: black;">
<div style="width: 84px; height: 9px; background: url(/images/energie.png) no-repeat;"></div>
</div>

Sous Firefox, pas de probleme :
http://leaderbryce.free.fr/firefox.png

Sous IE :
http://leaderbryce.free.fr/ie.png

Le résultat que je veux est bien sur celui de firefox.

Quelqu'un aurait il une idée pour m'aider svp ?

Merci à tous
Modifié par neofront92 (05 Jun 2007 - 16:15)

Bonjour,

Déjà, pense à utiliser le balisage du forum pour écrire du code (via le bouton "code" sous les smileys)

Ensuite, c'est une très mauvaise idée que d'insérer tes styles dans l'attribut style d'une balise. Tu devrais créer une CSS externe.

Jete déjà un oeil à cet article : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Design-XHTML-CSS-complet-avec-2-colonnes-de-meme-hauteur

Pour finir, je pense que tu devrais revoir ton code. Dans ce cas présent, je ne suis pas sûr que tu es besoin d'une image en background, mais plutôt d'une balise img.

Mais peut-être que je me trompe et tu devrais expliquer exactement ce que tu comptes faire.

***EDIT ***

Si tu tiens vraiment à suivre cette idée, essai

<div style="width: 100px; height: 9px; background:#000 url(/images/energie.png) no-repeat;"></div>

Il me semble que ça fait la même chose (mais étant sous linux je ne peux pas vérifier sous IE)
Modifié par trigun (05 Jun 2007 - 16:36)

Bonjour,

et voila : http://forum.alsacreations.com/faq/faq-77-Pourquoi-mon-bloc-a-une-hauteur-plus-grande-que-prevue-sous-IE-.html

Le tour est joué

trigun a écrit :

Ensuite, c'est une très mauvaise idée que d'insérer tes styles dans l'attribut style d'une balise.

Mais non, mais non, pas forcément