Linie in Tabelle beim IE klappt nicht richtig

[UltraFX]

Hi. Ich möchte gerne eine Linie mit HR durch 4 miteinander verbundene Tabellen-Zellen ziehen. Beim Firefox 2 und 3 klappt das auch, nur beim Internet Explorer 6 nimmt er nur eine Zelle ein.

<table border="0" cellpadding="0" cellspacing="4" width="780">
 <tr>
  <td width="500"><p class="main_title">%title%</p></td>	
  <td width="80"><p class="main_title">%stat1%</p></td>
  <td width="80"><p class="main_title">%stat2%</p></td>
  <td width="160"><p class="main_title">%recent%</p></td>
 </tr> 
 <tr>
  <td colspan="4" width="460"><hr class="main_line" size="1"></td>
 </tr>
 <tr>
  <td colspan="3"><i>%info%</i></td>
  <td rowspan="2" valign="top">%recent_det%</td>
 </tr>
 <tr>
  <td colspan="3">%subforums%</td>
 </tr>
</table>

main_line ist in der CSS-Datei so formatiert:

hr.main_line {
color: #8888ff;
margin-top: 0px;
margin-bottom: 0px;
}


Kann mir jemand sagen, woran das liegt und wie man das Problem beheben kann ?

[anna55]

Nimm mal die width-Angabe raus

<td colspan="4" width="460"><hr class="main_line" size="1"></td>