Angoli arrotondati-immagine che sfora

[Phebo]

Ciao a tutti. Ho un piccolo problema con la creazione di una tab con angoli arrotondati.

Come si può vedere nel tab orizzontale del mio sito in costruzione mi spunta nel lato dx un rettangolo di sfondo.

Il codice usato è questo :

echo '<div id="tabs">
<div class="angolo">


Discussioni
Categorie
Cerca
Link
Link</p>
</div>
</div>

ed il css di tabs e angolo è:

#tabs{width: 50%;margin-top: 22px;margin-left: 35px; padding:0 1%;background: #52525E url(menu-corner-left.gif)no-repeat left top;height:34px;}
#tabs p{/*margin:0 2% 0 0;*/ padding:0.5% 1% 2%; text-align:left; font-size: 18px;}
#tabs p a{color:#59A4F9}
#tabs p a:hover {color:#afd3fc;}

.angolo {background: #52525E url(menu-corner-right.gif)no-repeat right top;}

Come posso risolvere?

Grazie.

[emnlmn]

Sostituisci nella regola per #tabs padding:0 1%; con padding-left:1%;.

[Phebo]

Grazzzzie emnlmn !
Appena provo ti so rispondere.

[Phebo]

Fatto!
Come puoi vedere dal risultato ci siamo...
Grazie davvero.

P.S.: Nel sito che ho in locale sto usando invece la tecnica dei Nifty Cubes.

Tu che ne pensi?
Meglio loro o l'uso di immagini e css come ho fatto?

Grazie.

Phebo

[emnlmn]

Mah, sono scelte...
Dipende da quanti angoli da arrotondare hai, comunque io di solito preferisco usare immagini nel css.