Controll of Table Format

Hi,

I'm still fighting with the differences between FF and IE. Now I start messing around with tables and have the following problem:

When I specify a area with a special width and put a table with 100% width in it, IE expands it to full screen width (starting from the correct distance of the left side) and FF doesn't. I tried so solve the problem with reducing the width of the table, but then it is to small in FF as it cumulates the reductions of width.

I set up a example site at http://www.wu-wien.ac.at/usr/h00c/h0051838/test.html

The code is as following:

HTML-Document

 ...
<div class="own">

	<div class="total_s">
		<h1 id="titel">Test-Seite</h1>
		
		<br />
		
		<table width="96%" border="1" align="center">
			<tr>
				<td>Walther</td><td>Walther</td><td>Walther</td>
			</tr>
			<tr>
				<td>Walther</td><td>Walther</td><td>Walther</td>			
			</tr>	
		</table>

		<table width="100%" border="1" align="center">
			<tr>
				<td>Walther</td><td>Walther</td><td>Walther</td>
			</tr>
			<tr>
				<td>Walther</td><td>Walther</td><td>Walther</td>			
			</tr>	
		</table>		
		
	</div>

</div>
...

CSS-Document

...
.total_s {
	border:0px solid; 
	margin: 0% 2% 0% 2%;
	vertical-align: middle;
	}

...

.own {
	}
...

Thanks for help, Florian.