ich habe ein sehr seltsames Problem bei meiner Seite. Und zwar habe ich eine ungeordnete Liste bei der jedes Listenelement etwa so aussieht:
<li>
<a href="#">
<div id="..">
<div id="..">
Text
</div>
</div>
</a>
</li>
HTML5 erlaubt eine derartige Verschachtelung, daher gehe ich aus das sich die Fehlerkorrektur der Browser nicht mehr zwangsläufig unvorteilhaft über so ein konstrukt hermacht wenn man keine HTML5-Doctype verwendet.
Ich vermute eher, dass du deine IDs mehrfach vergibst und das die Browser stört.
Wenn du einzelne Wörter horizontal und vertikal zentrieren willst, reicht das a-Element allein völlig aus. line-height für die vertikale Ausrichtung, text-align für die horizontale. Und natürlich wie von Rainer erwähnt ein display: block;