Chris Ross: <hr /> lässt sich im IE 7 nicht ausrichten

Beitrag lesen

Hallo Forum,

ich habe folgenden Quelltext:

  
...  
             <tr>  
              <td class="td_linie_l">&nbsp;<hr /></td>  
              <td class="td_linie_r">&nbsp;<hr /></td>  
             </tr>  
...  

das dazugehörige CSS sieht so aus:

  
...  
td.td_linie_l hr          { border:solid 1px #DEDEDE; height:1px; width:370px; position:relative; top:0px; left:0px; }  
td.td_linie_r hr          { border:solid 1px #5D5D5D; height:1px; width:170px; position:relative; top:0px; left:10px; }  
* html td.td_ueb1a hr     { border:solid 1px #5D5D5D; height:1px; width:170px; text-align:center; }  
* html td.td_linie_r hr   { border:solid 1px #5D5D5D; height:1px; width:170px; text-align:center; }  
...  

Damit formatiere ich die horizontalen Ternnlienen in den Tabellenzellen und richte sie mittig aus. Im FF2, IE6 und Opera klappt das wunderbar. Nur der IE7 ignoriert die Ausrichtung komplett.

Habe schon versucht das hr in ein div zu packen und dieses dann auszurichten - ohne Erfolg :((

Hat jemand nen Tipp für mich in Bezug auf IE7 und die Positionierung von horizontalen Linien?

Für die, die sich das mal ansehen möchten: http://www.mein-letmathe.de/index.php?id=458&no_cache=1
es geht um die Trennlinien zwischen den Bilder "Zur Homepage"

Wäre sehr dankbar für entsprechende Hinweise.

MfG
Chris