[HTML][CSS]Troche inne zaokrąglanie rogów Opcje

[proton]

Witam

Chciałbym u siebie na stronie zaokrąglić rogi graficznie ale nie w sposbó na przykłąd taki:

[HTML] pobierz, plaintext 
<table>
<tr><td>zaokraglenie</td><td>gorny pasek</td><td>zaokraglenie</td></tr>
<tr><td>pasek boczny</td><td>tresc</td><td>pasek boczny</td></tr>
<tr><td>zaokraglenie</td><td>dolny pasek pasek</td><td>zaokraglenie</td></tr>
</table>
[HTML] pobierz, plaintext 

Tylko żeby to wyglądalo tak:

[HTML] pobierz, plaintext 
<table>
<tr><td>zaokgralenia lewe i prawe, naglowek, tlo pod naglowkiem</td></tr>
<tr><td>treśc</td></tr>
<tr><td>zaokgralenia lewe i prawe, naglowek, tlo pod naglowkiem</td></tr>
</table>
[HTML] pobierz, plaintext 

W sieci znalazłem coś takiego:

[HTML] pobierz, plaintext 
<div class="header">
<span id="tl"><span id="tr"><span id="bl"><span id="br">
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
header {
 position: relative;
 height: 50px;
 background: url(tlo.png) #F00;
}
#tl, #tr, #bl, #br {
	position: absolute;
	height: 10px; /* rozmiary grafiki - mozna pomniejszyc */
	width: 10px;
	display: block;
}
 
#tl {
	top: 0px;
	left: 0px;
	background: url(tl.gif);
}
#tr {
	top: 0px;
	right: 0px;
	background: url(tr.gif);
}
#bl {
	bottom: 0px;
	left: 0px;
	background: url(bl.gif);
}
#br {
	bottom: 0px;
	right: 0px;
	background: url(br.gif);
}
[HTML] pobierz, plaintext 

Ale ten sposób podobno nie działa w IE.

Podsumowanie:

Chcę zaokgrąglić rogi ale nie żeby tworzyć pełno wierszy i kolumn czy tam div'ów ale żeby to wszytsko stworzyć w css a potem tylko w jednym divie zapisać wraz z nagłowkiem.