Help!!
Non riesco ad ottenere una tabella come voglio io, mi si creano bordi inattesi (nonostante abbia posto OVUNQUE padding, margin e border pari a 0px).
Quando poi inserisco delle immagini il guaio è ancora più rilevante perchè (come è noto) le colonne si adeguano alle immagini tralasciando di seguire le dimensioni prestabilite.

Vi invio il codice e in allegato una immagine (che si troverebbe in una cartella dal nome IMG).

Se potete datemi una mano perchè ormai sono a livello di disperazione...

Vi ringrazio.

A presto!


File stile_header.CSS (che si trova nella cartella CSS):

codice:
/*body*/
body{	margin: 0px;
	padding: 0px;
	/*font-size: 76%;*/
	background: url(../IMG/matt.gif);
	background-repeat: repeat;
	}
	
/*header*/
#header{
	margin: 0px 0px;
	padding: 0px 0px;
	border-bottom-style:solid;/*creo una linea orizzontale che 
	divide l'header dal content*/
	border-bottom-width:4px;
	border-bottom-color:#ccc;
	/*background-color : #66990F;*/
	/*background: url(../IMG/colore_header.jpg);
	background-repeat: repeat;*/
	
	/*height: 80px;NOTA: l'altezza la definisco nelle proprieta' 
	della tabella*/
	}

#header img{
	border: 0px;
	margin:0px;
	padding:0px;
	}


#header table.extern_table{
	margin: 0px;
	padding: 0px;
	border: 0px;
	/*height: 90px;NOTA:NON METTERLO QUI!!!*/
	}	
	
	
#table_menu{
	margin: 0px;
	padding: 0px;
	border: 10px;	
	/*background-color : #6699FF;
	color: gray;*/	
	}

	
/*menu dell'header*/
#table_menu td.menu_header{
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	border :0px;
	
	/*border-style:solid;
	border-width:10px;
	border-color:#ccc;	*/
	
	/*width: 50px;
	height: 30px;*/
	text-align: center;
 	font-family: Verdana, Arial, sans-serif,Helvetica,Geneva;
 	font-size: 15px; 
	background-color : #6699FF;
	color: black;
	}


/*	
#table_menu tr.tr_menu_header{
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	border:0px;
	width: 50px;
	height: 50px;
	text-align: center;
 	font-family: Verdana, Arial, sans-serif,Helvetica,Geneva;
 	font-size: 15px; 
	background-color : #6699FF;
	color: black;
	}*/
	
#table_menu td.menu_header:hover,
#table_menu td.over/*NOTA: fare controllo: se siamo gia' 
in una pagina allora non evidenzio nulla perche' il menu' 
deve avere un colore diverso dagli altri*/
{ background-color: #add8e6 }
	

/* a: del menu dell'header */
#table_menu td a:link {
	text-decoration: none; 
	font-weight: bold;
	color: black
	}
#table_menu td a:visited {
	text-decoration: none; 
	font-weight: bold;
	color: black
	}    
#table_menu td a:hover {
	margin: 0px 0px;
	padding: 0px 0px;
 	text-decoration: underline; 

	}
#table_menu td a:active {
	text-decoration: underline; 
	}
	
	

	
	
#bandiere {
	margin: 0px;
	padding: 0px;
	border: 0px;	
	float:right;
	}	
	
#bandiere td.td_bandiere{
	margin: 0px;
	padding: 8px 4px;/*determina l'altezza della colonna*/
	border: 0px;	
	}

File header.html (che si trova nella cartella HTML):

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Header</title>
<LINK href="../CSS/stile_header.css" rel="stylesheet" type="text/css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
</head>

<body>

<div id="header" >	

	<table width="100%" cellspacing="0" cellpadding="0" class="extern_table">
		
		<tr > 
			
			<td  style="width:30%" rowspan="2">
				[img]../IMG/trinosofia3.jpg[/img]	
			</td>
			
			
			<td style="width:50%;background: url(../IMG/colore_header.jpg);
	background-repeat: repeat;">
			 
			</td>
			
			<td style="width:20%;background: url(../IMG/colore_header.jpg);
	background-repeat: repeat;" > 
				<table  cellspacing="0" cellpadding="0" id="bandiere" >
				<tr > 
					<td class="td_bandiere">
						[img]../IMG/it-flag.gif[/img]
					</td>
					<td class="td_bandiere">
						[img]../IMG/en-flag.gif[/img]
					</td>
					<td class="td_bandiere">
						[img]../IMG/de-flag.gif[/img]
					</td>
					<td class="td_bandiere">
						[img]../IMG/fr-flag.gif[/img]
					</td>
					<td class="td_bandiere">
						[img]../IMG/es-flag.gif[/img]
					</td>
				</tr>
				</table>							
			</td>
		</tr>
		
		<tr> 			
			<td style="width:50%;border:0px;margin:0px;padding:0px;">
					
				<table width="100%" id="table_menu">
				<tr >
					<td class="menu_header">
						L'associazione
					</td>
					<td class="menu_header">
						Attivit&agrave
					</td>
					<td class="menu_header">
						Repertorio
					</td>
					<td class="menu_header">
						Galleria
					</td>		
					<td class="menu_header">
						News
					</td>		
					<td class="menu_header">
						Contatti
					</td>			
					<td class="menu_header">
						Mappa sito
					</td>							
				</tr>
				</table>	
			</td>	
			
			<td style="width:20%;">
			</td>
		</tr>
	</table>
</div>
</body>
</html>