div hidden/none

when i use div in a table i have in a certain <tr>
2 div’s that if i show one i hide the other 1!
the problem is that when i hide 1 of them there is still space between them (the div is not visible but is still hold’s place in the table and it’s been seen on screnn what to do?
this is the code :
(thanks in advance Peleg)

<table WIDTH=”50%” align=”center” BORDER=”1″ CELLSPACING=”1″ CELLPADDING=”1″ dir=”rtl”>

<tr BORDER=”1″>
<td></td>
<td>
<table border=”1″ width=”100%”>
<tr>
<td align=”center” width=”50%”>îùòä</td><td align=”center” width=”50%”>òã ùòä
</tr>
</table>
</td>
<td>
<table border=”1″ width=”100%”>
<tr>
<td align=”center” width=”50%”>îùòä</td><td align=”center” width=”50%”>òã ùòä
</tr>
</table>
</td>
</tr>

</table>

Also in #HTML _↴