<a> display:block problem

Živjo

mam en manjši problem k mi na veliko dela težave :@

skratka ...
Za mouseover uporabljam gumbke na :hover v cssju zato da dela tudi brez JSja

a Href="?id=3" class="sranje" class="&{ns4class};"
//class=&{ns4class}; je zato da podpera :hover tudi IE

Skratka tukaj pa rata težava...
Recimo damo tak style velikost { width:100px height:100px; display block; }... besedilo k je znotraj gumba, mi postavi na zgornji rob gumba ( kar je logično) ... Če bi rad da ga postavi v center ... dam recimo ...padding-top:40px; } ... in tukaj rata problem.

V firefoxu mi gumbek odpre visok 100pikslov in z 40px paddinga zgoraj ( torej tako kot je treba)
V IE ( matr mu ... :|) , pa odpre 140 visok gumb in 40 paddinga ( kar pa nebi smelo biti =D )


Upam da me je kdo razumel, šemočneje pa upam, da mi bo kdo znal pomagati

Hvala za odgovore,
LP Tadej Magajna

ponavad zadeve delajo ravno obratno... nevem pa kaj se dogaja ce izpustis doctype, kot je omenil ze ziga.

preberi si tole:
The box model - CSS

hja ... "prav" =D

Skratka kle je en primer http://www.tado.si/projekt7/

barva pri zgornjih bumbkih na mouseover je krajša v ie kot se vidi. :|

Kje pa je sploh smisel teh DOCTYPE? Vsak brskalnik vseeno po svoje interpretira html kodo in jo moraš testirati v večih različnih?

Čudno se mi tudi zdi, da se bo brskalnik povezal na neko www stran in od tam dobil DTD. In če ta stran kdaj ni na voljo?

Tudi če daš DOCTYPE ti različno narišejo. IE je pa glavni serator, ki ignorira pravila.

Recimo imaš vnosno polje velikosti 10 znakov. Če daš noter 12 znakov bi po vsej logiki moral videti samo prvih deset. Ampak IE igra frajerja in velikost spremeni na 12.