Bordure de tableau qui ne se ferment pas

Salut à touTEs

J'ai crée un site web hybride avec un tableau très simple et une feuille de style qui gère le reste. L'usage du tableau est lié à des exigeances de design trop complexes pour mes connaissances de css...
Le tableau comprend un header, puis deux colonnes dessous (pour menu et contenu) et enfin un pied de page en dessous.
J'ai donné une identité à chaque td correspondant aux 4 zones puis ajouté des bordures à chacune des zones dans le fichier css, en évitant que des bordures se trouvent à double.

J'ai un petit problème, c'est que les bordures ne se rejoignent pas entre chaque zone. il reste un espace de 1 px. ça donne ça:



Pour exemple, code css du header et du menu de droite:

td.top{
border: 1px solid #e6dcbe;
padding: 0;
}

td.left{
border-left: 1px solid #e6dcbe;
border-bottom: 1px solid #e6dcbe;
padding-left: 40px;
padding-top: 30px;
padding-bottom: 30px;
}

Est-ce un problème de dimention des cellules du tableaux. Comment enlever ce mini-pizel gênant ?

Merci d'avance pour votre aide !!

Bonjour Quimby et bienvenue,

Pourrais-tu mettre ton code dans les balises code, sinon, tu vas te faire attraper.

Autrement, pourrais-tu donner un lien de ton travail stp.

oupah désolé, suis débutante sur ce forum...

Le code:

td.top{
border: 1px solid #e6dcbe;
padding: 0;
}

td.left{
border-left: 1px solid #e6dcbe;
border-bottom: 1px solid #e6dcbe;
padding-left: 40px;
padding-top: 30px;
padding-bottom: 30px;
} 

J'ai mis en ligne la page test et la feuille css. Comme c'est en plein développement, la feuille css doit encore avoir bcp de redondances et qq erreurs. Merci donc de passer outre...

page html : http://www.octpia.com/octpia_css/index.html

page css: http://www.octpia.com/octpia_css/octpia_en.css

merci d'avance !