CSS not having an effect on table positions - Joomla! Forum - community, help and support

hi

i trying place 2 tables next each other within article. i'm using beez_5 template.

this table structure within article:

code: select all

<div class="cosmetic">
<table>
<tbody>
<tr>
<td><img src="images/content_images/cosmetic.png" border="0" alt="cosmetic dentistry" title="cosmetic dentistry" /></td>
</tr>
<tr>
<td>cosmetic teeth whitening</td>
</tr>
<tr>
<td>dental crowns</td>
</tr>
<tr>
<td>white fillings</td>
</tr>
<tr>
<td>dental implants</td>
</tr>
<tr>
<td>dental veneers</td>
</tr>
<tr>
<td>dental bridges</td>
</tr>
<tr>
<td>mercury free restorations</td>
</tr>
<tr>
<td>dental inlays</td>
</tr>
</tbody>
</table>
</div>
<div class="general">
<table>
<tbody>
<tr>
<td><img src="images/content_images/general.png" border="0" alt="general dentistry" title="general dentistry" /></td>
</tr>
<tr>
<td>examinations</td>
</tr>
<tr>
<td>regular checkups</td>
</tr>
<tr>
<td>x-rays</td>
</tr>
<tr>
<td>hygienist treatments</td>
</tr>
<tr>
<td>fillings &amp; root canal</td>
</tr>
</tbody>
</table>
</div>

this css i've placed in general.css file:

code: select all

div.cosmetic {
    float:left;
    width:45%;
}

div.general   {
    float:right;
    width:45%;
}

note - i've tried using <table class="cosmetic" & table.cosmetic> , <table class="general" & table.general> instead of 'div' approach, did not work either.

am placing css in wrong file?

thanks

both classes float:left; ?