IE, padding/marge et répertoires... bug inédit pour moi !

Salut à tous,

Mon problème est peu commun... Pour un même code html et css sur deux pages placées dans deus profonderus de répertoires différents, IE m'interprète différemment la feuille de style.. argh.

ex1 : page dans /rep1/

http://jriquier.free.fr/exemples-bug-ie/ex1.gif

ex2 : page dans /rep1/rep2/

http://jriquier.free.fr/exemples-bug-ie/ex2.gif

Tout se passe comme si l'espace grandit au fur et a mesure que l'on descend dans les répértoires

Le CSS :

#sidebarleft {
float:left; 
width:160px;
}

dl#menu {
width:100%;
}
dl#menu dt {
cursor: pointer;
height: 20px;

}
dl#menu li {
font-size:10px;
text-align: left;
}
dl#menu li a, dl#menu dt a {
padding-left:5px;
display: block;
height: 100%;
}

Le HTML correspondant :

<div id="sidebarleft"> 
<h2><img src="/images/design/en/h2-menu.gif" alt="menu"></h2>
<dl id="menu">
 
  <dt onclick="javascript:montre('smenu4');"><a href="/en/academics/specialized-master/admissions/">Admissions</a></dt>
  <dt onclick="javascript:montre('smenu6');"><a href="/en/academics/specialized-master/course-of-study/">Course of Study</a></dt>
<dd id="smenu6"> 
    <ul>
      <li><a href="/en/academics/specialized-master/course-of-study/harmonization-cycle.php">Harmonisation Cycle</a></li>
      <li><a href="/en/academics/specialized-master/course-of-study/engineering-cycle.php">Engineering Cycle</a></li>
	  <li><a href="/en/academics/specialized-master/course-of-study/sector-based-cycle.php">Sector-Based Cycle</a></li>

    </ul>
  </dd>
</dl>
</div>

J'abrège volontairement le code...

Ce truc me rend un peu dingue qd même

Quelqu'un a déjà vu ça ?