bordi tabella dentro a div css come toglierli`?

[mattia14]

Ciao a tutti, rieccomi qui con un altro problemino di layout con i css...

Ho creato un div di 1000px x 40px che contiente un altro div (di altezza 40 ma e larghezza variabile) che contiene una tabella a 2 righe, ogni riga contiene un div (uno spra e uno sotto) che fungono da menu.. (se vi cheidete il perché di tutte questi div uno dentro l'alro e taballe uno dentro l'altro eccc é perché ho dovuto far ecosi per far funzionare il tutto sia in moz che in ie.)

ora, il mio proble é:

attorno ai due div al intenro della tabella resta un bordo di 1px. (un maledettissimo pixel) e non riesco a trovare l'impostazione per toglierlo. Ho prvato con i vari border="0" ecc... ma non ci sno riuscito...

qualcuno di voi sa aiutarmi?

grazie

[mattia14]

ho fatto un disegnino per aiutare a capire...

[marco.carrieri]

credo dovresti mettere un po di codice... css e html

[mattia14]

ok.. spero non sia troppo lungo..

questo é il codice del file template.css (la parte interessata al menu sopra, quella del menu sotto é uguale e non la posto per evitare di mettere un post troppolungo...)

body{
margin:0;
padding:0;
border: none;
text-align:center;
}

/* horizontal pill menu */
#menu{
width:1000px;
height: 40px;
padding: 0;
position:absolute;
left:50%;
margin: 0px 0px 0px -500px;
top:200px;
background:#0F0;

}

table.menu_sopra {
margin-left:auto;
margin-right:auto;
padding: 0;
}

td.menu_sopra_l {
background: url(../images/sfondo_menu_l.jpg) no-repeat;
width: 6px;
height: 21px;

}

td.menu_sopra_m {
height: 20px;
width: auto;
}

td.menu_sopra_r {
background: url(../images/sfondo_menu_r.jpg) no-repeat;
width: 6px;
height: 20px;
padding:0px;

}

#menu_sopra {
height: 20px;
float: left;
display:block;
}


#menu_sopra ul {
margin: 0;
padding: 0;
list-style:none;
}


#menu_sopra a {
background: url(../images/sfondo_menu.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height:20;
font-weight: bold;
float:left;
display:block;
padding: 0 20px 0 20px;
color:#C00;
text-decoration: none;
}

#menu_sopra a#active_menu-nav {
background: url(../images/menu_attivo.jpg) repeat-x;
height: 20px;
line-height: 0px;
background-position: 0 0;
padding: 0 20 0 20;
}



e questo é il codice del file index.php (il div dove é contenuta la tabella)


<div id="menu">
<table border="0" cellspacing="0" cellpadding="0" class="menu_sopra">
<tr>
<td class="menu_sopra_l"></td>
<td><div id="menu_sopra"><jdoc:include type="modules" name="menu_ilv" /></div></td>
<td class="menu_sopra_r"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="menu_sotto">
<tr>
<td class="menu_sotto_l"></td>
<td><div id="menu_sotto"><jdoc:include type="modules" name="menu_ilv" /></div></td>
<td class="menu_sotto_r"></td>
</tr>
</table>
</div>




grazie per l'aiuto...

[marco.carrieri]

mi sa che manca qualche immagine uff purtroppo mi visualizza solo un rettangolo verde