header en php

[francocala]

Hola miren, tengo este codigo de un header

<!-- HEADER SECTION ----------------------------------- -->
<table id="headerTable" cellpadding="0" cellspacing="0">

<tr valign="top">
<td>

<table cellpadding="0" cellspacing="0" border="0" height="68" width="100%">
<tr valign="bottom">
<td height="61" rowspan="2" ><a href="index.php"><img id="headerLogo" name="headerLogo" src="templates/templates_images/header_bg.png" border="0" onerror="showSiteLogo(this)" alt="<? echo $casinoname; ?>" /></a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td id="tabs" valign="bottom" align="right">

<div id="topTabsHolder">
<table align="right" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">&nbsp;</td>



<td>


<a href="casino_start.php" id="casino" onMouseOver="dispTab('casino', 'show')" onMouseOut="dispTab('casino', 'hide')"><img src="templates/templates_images/header_images/top_tab_casino_off.png" id="casino_off"></a>


</td>
<td>
<a href="games_start.php" id="games" onMouseOver="dispTab('games', 'show')" onMouseOut="dispTab('games', 'hide')"><img src="templates/templates_images/header_images/top_tab_games_off.png" id="games_off"></a>
</td>

<td width="10">&nbsp;</td>
</tr>
</table>
</div>
<script>checkTab();</script>
</td>
</tr>
<tr>
<td id="tabcolourrlinecasino" colspan="8"></td>
</tr>
</table>
</td>
</tr>
<!-- HEADER SECTION END ----------------------------------- -->

El tema es que la primer imagen, que ocuparia todo el hader, sale antes de los botones, los dos botones del final, salen donde termina la imagen, yo quiero que los dos botones queden arriba de la imagen, me explico? si alguien me puede arreglar el codigo se lo agradeceria