Un cordiale saluto a tutti,

sto lavorando su una pagina e ho problemi riguardo l'allineamento di una tabella e di una textarea (vedi codice sotto). Cosa sbaglio?
Grazie a tutti.

codice:
<html>

<head>

<style type="text/css">
    <!--

      textarea#hyper {
        position:fixed;

        width:400;
        height: 300;

        font-family: verdana, sans-serif;
        font-size: 10pt;
        background-color: black; 
        color: white;

        border-style: ridge;
        border-color: #0000c0;

        scrollbar-base-color: black;
        scrollbar-arrow-color= white; 
      }

      textarea#hyper:first-line {
        color: red;
      }
  
    //-->
    </style>

</head>
<body>


<table border="0" width= 850 align="center"bgcolor=#009999><tr><td>






		
		
		
		<table width=800 border=0 height=300 align=center cellspacing=10 bordercolor="#336699"> 
<tr> 
<td width=400> 


<table width=400 height=300 border=1 bordercolor=red cellspacing=0 bgcolor="#FFFF99"> <caption align="top">testo...</caption>
<tr><td align=left valign=top> 


testo...



</td></tr></table> 
</td> 
<td width=400> 

<table width=400 height=300 border=1 bordercolor=green cellspacing=0 bgcolor="#99FF99"> <caption align="top">testo...</caption>
<tr><td align=left valign=top> 




testo...


</</td></tr></table> 
</td></tr></table> 







<table width=800 border=0 height=300 align=center cellspacing=10 bordercolor="#336699"> 
<tr> 
<td width=400> 

<table width=400 height=300 border=1 bordercolor=red cellspacing=0> 
<tr><td align=left valign=left> 

testo...


</td></tr></table> 
</td> 
<td width=400> 
<table width=400 height=300 border=0 bordercolor=green cellspacing=0> 
<tr><td align=center valign=middle> 




<form>
<textarea id="hyper" readonly="readonly">TESTO
testo
testo....
	  
	</textarea>
    </form>




</</td></tr></table> 
</td></tr></table> 

		


</td></tr></table>



</body>
</html>