[HTML][CSS]jak usunac zaokraglone rogi obrazka jako tla tabeli Opcje

[nieraczek]

Mam:

[HTML] pobierz, plaintext 
<table class="tabela_szara" cellspacing="0" cellpadding="0">
<tr class="szary_naglowek_tabeli">
<th></th>
<th></th>
<th></th>
</tr>
................
</table>
 
----------------------------------
 
.szary_naglowek_tabeli
{  
	height: 47px;
	background-image: url(../images/naglowek_tabeli.png);
        background-repeat: no-repeat;
	width: 200px;
}
[HTML] pobierz, plaintext 

Obrazek jest wystarczająco długi by wypełnić cały wiersza tabeli, tymczasem w IE6, IE7 i google Chrome w każdej komórce zaczyna się on od początku przez co ponieważ obrazek jest zaokrąglony widać coś takiego (zaznaczyłem czerwonym kółkiem te miejsca):
(IMG:http://img24.imageshack.us/img24/7716/beztytuumlg.jpg)

Da się to usunąć ?

Ten post edytował nieraczek 30.07.2009, 19:32:10

[bogdan89]

wiem, że to może być rozwiązanie problemu "na około", "młotkiem", albo jeszcze inaczej, ale powiem co ja bym zrobił w takiej sytuacji...

podzieliłbym ten plik na trzy. lewy, środkowy i prawy.
Odpowiednie rozdzielenie pozwoli Ci zapewne jeszcze zaoszczędzić kilka KB.

i wtedy:

[HTML] pobierz, plaintext 
<table class="tabela_szara" cellspacing="0" cellpadding="0">
<tr>
<th class="lewy">tekst1</th>
<th class="srodek">tekst2</th>
<th class="prawy">tekst3</th>
</tr>
</table>
[HTML] pobierz, plaintext