Problem mit anzeigen einer Tabelle

[firestone]

Hallo Zusammen,

ich habe in meiner Seite folgende Tabelle

  
<table id="B" style="display:none"  width="100%" border="1">  
		<tr >  
		  
		<td valign="middle" align="left" >Wert 1</td>  
		<td valign="middle" align="left" >Wert 2</td>  
		<td valign="middle" align="left" >Wert 3</td>		  
		  
		</tr>	  
		  
		<tr >  
		  
		<td valign="middle" align="left" >Wert 1</td>  
		<td valign="middle" align="left" >Wert 2</td>  
		<td valign="middle" align="left" >Wert 3</td>	  
		  
		</tr>	  
		  
    </table>  
  

Dazu habe ich folgenden Button definiert

  
<input type="button" name="legende" value="Status-Legende anzeigen" onclick="javascript:show('B')">  

Wenn die Seite aufgebaut wird soll die Tabelle zuerst nicht zusehen sein erst wenn man auf den Button klickt. Im IE Funktioniert das ganze auch super. Im Mozilla Firefox habe ich allerdingsdas Problem, das er die width angabe ignoriert. Er schiebt die Tabellenspalten zusammen. Nehme ich das display:none weg, so wird die Tabelle sofort angezeigt in richtiger Breite klicke ich allerdings dann einmal auf den Button schiebt er sie wieder zusammen.

Was mache ich falsch :(

Lg Firestone