Angles extensibles sur 23 pouces..

Bonjour,

J'ai une ligne verticale qui apparait seulement sur un écran 23" avec mes angles ronds extensibles, comme sur la photo

voici le code HTML:
<div id="menu">
<div class="cadre">
<div class="haut_droit"></div><div class="haut_gauche"></div>
<a class="accueil" href="1_preambule.html">Accueil</a><br />
<div class="bas_droit"></div><div class="bas_gauche"></div>
</div>
</div>

voici la css:
div#menu { color: white; font-size: 1em; text-decoration: none; margin: 0 0 0 0.2%; z-index: 1; width: 15%; height: auto; float: left }
.cadre { font-weight: normal; background-color: #060059; width: 100% }
.haut_gauche, .haut_droit, .bas_gauche, .bas_droit { height: 20px; width: 20px; background-repeat: no-repeat }
.haut_gauche { background-image: url(img/haut_gauche.gif) }
.haut_droit { background-image: url(img/haut_droit.gif); float: right }
.bas_gauche { background-image: url(img/bas_gauche.gif) }
.bas_droit { background-image: url(img/bas_droit.gif); float: right }

je tiens à laisser mes dimensions en % (le body est défini à 100%) de façon à ce que le tout s'adapte à la taille de l'écran.
Ca passe sur un 15" mais dès qu'on arrive à 21 et 23", y'a des petits soucis.

Auriez vous une soluce SVP ?

bon ben a fenetre pour poster l'image veut rien savoir....

en fait les angles de droites ne sont pas totalement collés à mon cadre, ce qui laisse donc apparaitre une fine ligne verticale entre les les bords des angles et le cadre...

mille excuses, la fenêtre était tout simplement caché derrière mon navigateur.

donc voilà pour le résultat en image.... aourf...

Hello helln et bienvenue ici

Attention à bien prendre en compte les Règles du forum (que tu as lues je suppose) en ce qui concerne l'affichage des codes dans les messages.
Il serait courtois de modifier ton premier message et d'appliquer ce que recommandent les règles.

Merci d'avance