Chevauchement de div et display=block en js (ie7)

Hello!

J'ai un problème très simple mais très compliqué!

Le but est tout simplement d'afficher un div quand on clique sur un lien.

Voici le source:
css

#panel{
  font-size: 12px;
  background-color: #eee;
}
.ligne{
  width: 600px;		
  position: relative;
}
.erreur{
  display: none;
  position: relative;
}

javascript

function display(){
  document.getElementById('lig2').style.display = 'block';
}

html

<div id="panel">
  <div id="lig1" class="ligne">ligne 1</div>
  <div id="lig2" class="erreur">erreur</div>
  <div id="lig3" class="ligne">ligne 3</div>
  <div id="lig4" class="ligne"><a href="javascript:display();">clic!</a></div>
</div>

Voilà, ca casse pas 3 pattes à un canard!

Normalement, quand je clique sur 'clic!' le texte 'erreur' apparait sous 'ligne 1' et 'ligne 3' se décale vers le bas.
Avec FF, ça marche bien.
Avec IE7, ça marche pas: le texte 'erreur' chevauche 'ligne 3'.

Ce qui me stupéfait, c'est que si je supprime background-color ou width dans le css, ça remarche!
Par ailleurs, si je mets display: block en dur dans le css, ça marche aussi.

Est-ce que quelqu'un pourrait éclairer ma lanterne sur le pourquoi du comment svp?

Merci d'avance.

Enlève position:relative.

Merci pour ta réponse.
Effectivement, j'avais aussi remarqué qu'en enlevant relative, ça marche.

Mais:
1- Je comprend pas pourquoi...
2- J'ai montré ici un cas simpliste mais dans la réalité, j'ai besoin de 'relative' car j'ai d'autres div positionnés à l'intérieur.

D'ailleurs, si je ne m'abuse, 'relative' est la valeur par défaut.
Donc, c'est encore + bizarroïde ...

baubbelayponge a écrit :
Enlève position:relative.

Nan, la valeur par défaut, c'est static

Ok, trouvé.
Ajoute zoom:1 à #panel histoire de lui rajouter un 'haslayout'.

Pour plus d'explications: http://www.satzansatz.de/cssd/onhavinglayout.html#rp

baubbelayponge a écrit :
Nan, la valeur par défaut, c'est static

Au temps pour moi!

Nickel! Ca marche!
Chapeau bas, elle était un peu vicieuse celle là.

J'ai survolé les article --> ça ma parait bien chaud ces histoires de layout...

baubbelayponge a écrit :
Ok, trouvé.
Ajoute zoom:1 à #panel histoire de lui rajouter un 'haslayout'.

Pour plus d'explications: http://www.satzansatz.de/cssd/onhavinglayout.html#rp