Css sprite, Wydłużający się sprite Opcje

[mimol]

Witam, Postanowiłem sobie posklejać małe obrazki w jeden(Na razie tylko z ramki newsa)
News wygląda mniej więcej tak
Obrazek1
Więc wygenerowałem sobie sprite, i pozmieniałem css.

[CSS] pobierz, plaintext 
....
td.mainboxMiddlecenter {
	background: url("images/ramka/border_hside.gif");
	background-repeat: repeat-x;
}
td.mainboxBottom {
	background: url("images/ramka/border_hside.gif");
	background-repeat: repeat-x;
}
[CSS] pobierz, plaintext 

.....
Zamieniłem na

[CSS] pobierz, plaintext 
td.mainboxMiddlecenter {
	background-image: url("images/ramka/sprite.png");
	background-position: 0 0; width: 6px; height: 6px;
	background-repeat: repeat-x;
}
td.mainboxBottom {
	background-image: url("images/ramka/sprite.png");
	background-position: 0 0; width: 6px; height: 6px;
	background-repeat: repeat-x;
}
[CSS] pobierz, plaintext 

Teraz pojawił się problem, poniważ klasa mainboxMiddlecenter działa a mainboxBottom robi pewne problemy, obrazek 2
Obrazek2
Oczywiście sprite układany jest PIONOWO, i co więcej ma szerokość 6 px. Co powininem zrobić aby to działało?, Dziwię się, że Middle działa a Bottom już nie;/
Domyślam się, że to jest wina HTML (zaminiając clase z mainboxBottom na mainboxMiddlecenter również jest ten błąd). Tylko dlaczego go nie ma jak jest nasz sztywno wisana nazwa border_hside.gi

Ten post edytował mimol 17.08.2012, 09:23:26