[resolu] Float left qui pousse l'arrère plan sous IE6

Bonjour, dans mon header j'ai 2 div emboités les uns dans les autres :

<div class="headerbar">
<div class="headerbar_logo_forum">

headerbar a un dégradé en repeat-x en arrière-plan
headerbar_logo_forum contient le logo de mon forum

Je veux que quand on clic sur le logo du forum, on atterrisse sur la page d'accueil, mais comme c'est une image d'arrière-plan je suis obligé de créer un lien en display:block et en définissant les bonnes propriétés (width et height), le tout en float : left.

Sous Firefox ça marche nickel, mais sous IE, ce lien en display block pousse mon logo vers la droite :

http://beta.finalclap.com/bug_phpbb.htm

Pour mieux voir, j'ai mis l'arrière-plan du lien en rouge.

Comment faire pour résoudre ce problème ?

Merci
Modifié par Galdon (09 Sep 2008 - 10:37)

Hello Galdon,

Pourquoi ne pas placer ce logo dans le code html (il doit être porteur de sens, non ?) et le placer de façon absolue (position:absolute;) en haut à gauche (sans oublier, au préalable, de positionner ton conteneur "header", en relatif par exemple)

Cela devrait résoudre ton soucis, non ?

Cdt,
Sylvain

Merci pour la réponse, mais j'ai finalement résolu le problème en mettant la zone transparente qui contient le lien en position:relative.

Je n'ai pas mis l'image directement dans le code parce que je voualais que le champ du moteur de recherche puisse être "au-dessus" du logo (c'est possible qu'avec background-image).