div dans un tableau

bonjour tous le monde

voila j'ai un tableau et je voudrais inserer le contenu de mon tableau dans une div pour pouvoir faire un overflow:scroll au contenu-uniquement au contenu grace au code suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:12px;
	top:41px;
	width:80px;
	height:30px;
	z-index:1;
	overflow:scroll;
}
-->
</style>

donc voila mon tableau :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table border="1" height='378' width="900" bgcolor="#CCFFFF"><th colspan="4" height="23" bgcolor="#CCCCCC" >MGP PRODUCTION</th>
<th width="257" bgcolor="#CCCCCC" >BLOC NOTE</th>
 
<!-- c est ici que je voudrais inserer ma div-->
<div id="apDiv1">
  <tr><td width="68" bgcolor="#CCCC99">service :</td>
    <td width="177" bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['service'];?>" name="service_res<?php echo $z;?>" /></td><td width="125" bgcolor="#CCCC99">mobile :</td>
    <td width="239" bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['mobile'];?>" name="mobile_res<?php echo $z;?>" /></td><td rowspan="9" bgcolor="#99CCFF" >
  <textarea name="idTextarea2<?php echo $z;?> " cols="40" rows="10" id="idTextarea" onfocus="inputFocus()" onblur="inputBlur()"><?php echo $b['note'];?></textarea>
 
<br />
</td></tr>
  <tr><td bgcolor="#CCCC99">fax :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['fax'];?>" name="fax_res<?php echo $z;?>" /></td><td bgcolor="#CCCC99">mail :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['mail'];?>" name="mail_res<?php echo $z;?>" /></td></tr>
  <tr><td bgcolor="#CCCC99">societe :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['societe'];?>" name="societe_res<?php echo $z;?>" /></td><td bgcolor="#CCCC99">budget :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['budget'];?>" name="budget_res<?php echo $z;?>" /></td></tr>
  <tr><td bgcolor="#CCCC99">fonction :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['fonction'];?>" name="fonction_res<?php echo $z;?>" /></td><td bgcolor="#CCCC99">type evenement :</td><td bgcolor="#e7f5fb"><input type="text" value="<?php echo $b['type_evenement'];?>" name="type_evenement_res<?php echo $z;?>" /></td></tr>
    </div> </table>

sauf que la j'ai un probleme : ma div n'est pas prise en compte....elle n'est prise en compte que quand elle est mise avant la balise du tableau et dans ce cas la tout le tableau -y compris les cases d'en tete sont overflow:scroll

comment faire pour faire en sorte que seulement le contenu du tableau soit en overflow : scroll siouplais? merci d'avance!