Diseños para 2 tablas diferente en un mismo html, usando css claro, como?

[RGT]

no me funciono, tengo:

Código HTML:

 <table width="600" id="fbtwitterbutton">
  				<tr>
    			<th scope="col"><fb:like layout="button_count" show_faces="false" width="100"></fb:like></th>
    			<th scope="col"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="example">Tweet</a><script type="text/javascript" src=								"http://platform.twitter.com/widgets.js"></script></th>
  				</tr>
				</table> 

Código:

#fbtwitterbutton table{
	background-color:#F00 !important;
}

que tengo malo?