Przyciski w css - różne przeglądarki

[mess_alex]

Witam,

dopiero dzisiaj sprawdziłem jak wygląda moja strona pod mozilla i operą i się załamałem

Chodzi głównie o przyciski w blokach. Ich kod z zewnętrznego pliku css to:

a.blok { font-size: 11px; color: #747474; height: 22px; width: 139px; background: url(images/srodek/blok_off.jpg) no-repeat; text-decoration: none; border: solid 1px #C4D1CA; }



a.blok:link { font-size: 11px; color: #747474; height: 22px; width: 139px; background: url(images/srodek/blok_off.jpg) no-repeat; text-decoration: none; border: solid 1px #C4D1CA; }



a.blok:visited { font-size: 11px; color: #747474; height: 22px; width: 139px; background: url(images/srodek/blok_on.jpg) no-repeat; text-decoration: none; border: solid 1px #C4D1CA; }



a.blok:hover { font-size: 11px; color: #FFFFFF; height: 22px; width: 139px; background: url(images/srodek/blok_on.jpg) no-repeat; text-decoration: none; border: solid 1px #C4D1CA; }



a.blok:active { font-size: 11px; color: #FFFFFF; height: 22px; width: 139px; background: url(images/srodek/blok_on.jpg) no-repeat; text-decoration: none; border: solid 1px #C4D1CA; }

Kod jednego z przycisków:

<a href="index2.php?id=grupawsparcia" class="blok">Grupa Wsparcia</a>

Teraz tak, pod mozilla wygląda to

tak

Opera:

tak

IE :

tak (jak powinno wyglądać wszędzie)

Jak to naprawić?

A nie mam starych wersji przeglądarek.

Pozdrawiam

[papieros]

a <br> na końcu po prostu nie pomoże albo <li> albo <table>?

[mess_alex]

Niestety, przyciski są nadal małe (wielkości tekstu), a nie tak jak powinny 139px x 22px

[k0rnik]

dopisz

display:block; 

do a.blok w pliku css

[mess_alex]

Dzięki

[abyss]

Nie zostawiaj w necie bmp - lepiej jpg dla zdjęć albo przy grafice jak ramki i napisy w windows - gif'y. Pliki bęą rówie czytelne, a z 15 razy mniejsze.

[mess_alex]

Ok, dzięki.

HSDX domyślnie zpisuje w bmp i zapomniałem zmienić.