Voici un court extrait de mon code source : j'ai inclus les CSS, pour plus de facilités pour tester. C'est provisoire.
 
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <style>
 body {
     background-color: #FFFFFF;
     color: #666699;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 70%;
 }
   div.level0 {
     background: #9999CC;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     color: #000000;
     margin: 10px;
     padding: 0px;
     width: 130px;
 }
   div.level1 {
     background: #666699;
     border-left-color: #FFFFFF;
     border-left-style: solid;
     border-left-width: 1px;
     border-top-color: #FFFFFF;
     border-top-style: solid;
     border-top-width: 1px;
     color: #FFFFFF;
     margin: 0px;
     text-align: center;
     width: 100%;
 }
 </style>
 </head>
   <body>
 <div class="level0"><div class="level1">Salut !</div>
 Item 1<br />
 Item 2
 </div>
 </body>
 </html>  | 
 
Bon, c'est cool, mais j'aimerai que les mots ne soient pas collés comme ils le sont. Alors me direz vous ! Rien de plus simple ! Il suffit de regler le padding de .level0 (par ex : padding: 3px
 et je suis d'accord.
 
Seulement, je veux que le div de level1 colle aux bords du div sous jacent. D'où le problème !
 
 ---------------
			
Le site de ma maman