td width per CSS

[Jakob]

moin community,

ich hab ein problem, welches mich vor ein rätsel stellt. ich scheine heute auf einem auge blind zu sein. eigentlich bereitet mir die formatierung via CSS keine schwierigkeiten, aber jetzt hapert es irgendwie.

ich habe eine einfache tabelle, die via CSS formatiert wird. die Tabelle sieht folgendermaßen aus:

  
<table class="disco_table">  
<tr class="disco_tr">  
<td class="disco_td_left">Text  
</td>  
<td class="disco_td_right">Text  
</td>  
</tr>  
<tr class="disco_tr">  
<td class="disco_td_cover">  
<img src="1.jpg" width="150" height="150" border="0" alt="">  
<img src="2.jpg" width="150" height="150" border="0" alt="">  
</td>  
<td class="disco_td_center">  
<table width="100%">  
<tr>  
<td colspan="2" align="center">  
<u><b>TITEL</b></u>  
</td>  
</tr>  
<tr>  
<td width="50%" valign="top">  
<center><b><u>A</u></b><br></center>  
Inhalt A  
</td>  
<td width="50%" valign="top">  
<center><b><u>B</u></b></center>  
Inhalt B  
</td>  
</tr>  
<tr>  
<td colspan="2">  
<hr color="#000000" width="90%">  
<br>  
Text  
</td>  
</tr>  
</table>  
</td>  
</tr>  
<tr class="disco_tr">  
<td class="disco_td_left">  
Label: <b>Eigenproduktion</b>  
</td>  
<td class="disco_td_right">  
Labelbezeichnung - <b>--/--</b>  
</td>  
</tr>  
</table>  

Wie man sieht ist der großteil mit klassen ausgestattet, welche in meiner CSS datei auch liegen.

  
table.disco_table {  
width: 500px;  
border: 1px solid #000000;  
padding: 0px;  
margin: auto;  
border-collapse: collapse;  
border-spacing: 0px;  
}  
  
table.disco_table td { }  
  
td.disco_td_left {  
width:300px;  
text-align: left;  
padding-left: 4px;  
background: #494041;  
}  
  
td.disco_td_right {  
width:200px;  
text-align: right;  
padding: 0px;  
background: #494041;  
}  
  
td.disco_td_center {  
width: 350px;  
text-align: center;  
padding: 3px;  
background: #494041;  
vertical-align: top;  
border-left: 1px solid #000000;  
border-top: 1px solid #000000;  
border-bottom: 1px solid #000000;  
}  
  
td.disco_td_cover {  
width: 150px;  
text-align: center;  
padding: 0px;  
margin: 0px;  
background: #494041;  
vertical-align: top;  
border-right: 0px solid #000000;  
border-top: 1px solid #000000;  
border-bottom: 1px solid #000000;  
}  
  
tr.disco_tr {  
padding: 0px;  
margin: 0px;  
width: 100%;  
}  

Das Problem, die beiden Spalten in der mitleren der 3 Zeilen der grundtabelle nehmen nicht die gewünschten breiten von 150 und 350 px an, sondern teilen sich den platz 50/50.

in meiner CSS ist über 700 zeilen zuvor eine grunddefinition für tabellenzellen. aber die hat bisher eigentlich nie probleme bereitet.

  
td {  
text-align: left;  
font-size: 11px;  
font-family: Arial,Helvetica,sans-serif;  
}  

ich hoffe mir kann jmd. die augen öffnen, wo es da hapert.

gruß und dank