[CSS][HTML] Tabela - Pomoc, <td> ma margines, którego nie potrafię usunąć Opcje

[Poker]

Witam serdecznie,

Jako iż nie jestem zbyt dobry w Tworzeniu tabel, postanowiłem wykorzystać je mimo wszystko do tego celu w jakim są stworzone.

Tworzę panel administracyjny i chciałbym dane wyświetlać za pomocą tabeli :

http://www.podliski.pl/Admin-CMS/index.html

Niestety pojawiają się białe "marginesy" których nijak nie potrafię się pozbyć.

Szukałem ... szukałem ... szukałem ponownie.
Po wielu próbach proszę was o pomoc bo niestety nie potrafię tego czegoś usunąć.


Mój kod html wygląda tak :

Kod

<table id="tabela">
                <thead>
                    <tr>
                        <th>Nr.</th>
                        <th class="long">Nazwa galerii</th>
                        <th>Liczba zdjęć</th>
                        <th>Rozmiar</th>
                        <th>Opcje</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1.</td>
                        <td class="left">Zdjęcia lokalu</td>
                        <td>15</td>
                        <td>15 155 kb</td>
                        <td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
                    </tr>
                    <tr>
                        <td>2.</td>
                        <td class="left">Sala bankietowa</td>
                        <td>22</td>
                        <td>17 424 kb</td>
                        <td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
                    </tr>
                </tbody>
            </table>

Kod CSS :

Kod

table#tabela {width:679px; font-size:10pt; border:0px; float:left; margin-bottom:10px;}
            table#tabela thead {font-size:9pt; color:#373737;}
                table#tabela thead  tr th.long {width:360px;}
            
        table#tabela tbody tr {background-color:#E8F4F9; border-bottom:1px solid #D0E8F4; margin-top:1px; text-align:center;}    
            table#tabela tbody tr td {border:0px; margin:0px;  height:auto;  padding:12px 0 12px 0;  color:#5E5E5E; }
            table#tabela tbody tr td.left {text-align:left;}
            
            /** znaczniki **/
            table#tabela tbody tr td a.add {width:21px; height:22px; background: url(images/btn_add.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
            table#tabela tbody tr td a.edit {width:23px; height:22px; background: url(images/btn_edit.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
            table#tabela tbody tr td a.delete {width:20px; height:22px; background: url(images/btn_delete.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}

Osobiście wydaje mi się że poknociłem coś z float'ami, ale niestety nie potrafię tego naprawić.

Z góry dziękuje wszystkim za pomoc (IMG:style_emoticons/default/smile.gif)