my table .css is taking over my adbrite ads :O

[[-_-]]

I have no idea why but my css for my table keeps styling my adbrite ads which are below my table. My table is in divs so it shouldnt be doing this. Am I doing something wrong? Heres the link to the table, scroll down for the ads. It has a hover over effect too.

 

http://www.plentyoftorrents.com/general.htm#dir

 

 

heres the css in the head.

<style type="text/css">
INPUT,SELECT,TEXTAREA{
background:white;
color: #006699;
}	
/* 160x600 ad begins*/
  #longad{
border:1px solid #E3E7E7;
margin-bottom:2px;
margin-top:10px;
padding:0px 0px 0px 0px;
height:610px;
width:164px;
}
/*160x600 ad ends*/
#bottomad{
border:1px solid #E3E7E7;
margin-bottom:1px;
margin-top:1px;
padding:1px 1px 1px 1px;
height:217px;
width:450px;
}
</style>
<style type="text/css">
table{border-collapse:collapse}
td,th{border:1px solid #C8C8C8 ;padding:5px}
table tr:hover td{
  background:#F8F8F8;
}
</style>
<script type="text/javascript" src="sortabletable.js"></script>
</head>

 

the html table

 

<div id="table">
<a id="dir"></a>
<center><a href="#"><b>General...</b></a> | <a href="#"><b>Anime...</b></a></center>
<table cellspacing="1" cellpadding="2" class="" id="myTable" width="470">
    <thead>
        <tr>
            <th class="c1"> <a href="#"><font color="black">Site</font></a></th>
            <th class="c2"> <a href="#"><font color="black">Language</font></a></th>
            <th class="c3"> <a href="#"><font color="black">Rating</font></a></th>
					<th class="c4"> <a href="#"><font color="black">Status</font></a></th>
					<th class="c5"> <a href="#"><font color="black">Category</font></a></th>
        </tr>
    </thead>
    <tbody>
        <tr class="r1">
            <td class="c1"><a href="http://Bitenova.nl"> bitenova.nl</a></th>
            <td class="c2"> <span class="hideFromScreen" style="display:none">en</span><img src="./16/u/United Kingdom.png" border="0"></th>
            <td class="c3"><span class="hideFromScreen" style="display:none">8</span><img src="tableimg/sr8.png"alt="8"/></th>
					<td class="c4"> public</th>
					<td class="c5"><a href="./general.php#general"> general</a></th>

 

and finally the adbrite ad.

<div id="bottomad">

<!-- Begin: AdBrite -->
<style type="text/css">
   .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #3D81EE;}
   .adText {font: normal 10pt Arial; text-decoration: none; color: #66B5FF;}
</style>
<script type="text/javascript" src="http://ads.adbrite.com/mb/text_group.php?sid=53424&br=1&dk=44444444444444444444635454545435435345&col=2">
</script>
<div><a class="adHeadline" target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=534234&afsid=1">Your Ad Here</a></div>
<!-- End: AdBrite -->
</div>

???