horizontale liste/ a:hover bold

[krusty]

hallo!

ich habe ein leidiges problem.
ich habe eine horizontale liste als navigation. die listen punkte habe ein
padding-left/right von 5 px, eine backgroundfarne und sollen als a:hover in font-weight: bold gehen.
das problem ist natürlich, das alle folgenden listenpunkte abhängig sind von ihren vorgänger und sich somit anfangs verschoben haben. ich habe das so gelöst, mit klassen, das unter jeden listenpunkt, das selbe wort unsichtbar in bold steht (via z-index und position), die paddings sich somit darauf beziehen und die größe des li definieren. bei a:hover bold verschiebt sich nun nichts mehr. vielleicht sollte ich noch dazu sagen, das im beispiel die li alle die selbe wortlänge haben, letztendlich aber nicht, und daher keine feste breite infrage kommt. das ist schonmal toll!
das blöde ist nur, das ich den text im li nicht mehr zentrieren kann.
hat jemand ne idee oder vielleicht auch eine erklärung?

dass wäre toll.

vielen dank vorab!
jens

--------------------------------------------------

<li><a href="#" class="normal" id="nav2_01">TESTTEST01</a><span class="bold">TESTTEST01</span></li>
<li><a href="#" class="normal" id="nav2_02">TESTTEST</a><span class="bold">TESTTEST02</span></li>
<li><a href="#" class="normal" id="nav2_03">TESTTEST03</a><span class="bold">TESTTEST03</span></li>

#huelle #header #nav2 {
clear:both;
height: 16px;
text-align: center;
}

#huelle #header #nav2 ul {
list-style-type: none;
}

#huelle #header #nav2 ul li {
background-color: #000;
height: 16px;
color: #FFF;
font-size:11px;
margin-right: 5px;
float: left;
}

.bold {
font-weight: bold;
visibility: hidden;
height: 16px;
font-size:11px;
margin-right: 5px;
color: #F00;
padding-right: 15px;
padding-left: 15px;
text-align: center;

}
.normal {
position: absolute;

[jayjay]

hallo krusty, verstehe ich das richtig, du willst alle punkte in der liste in der gleichen breite und zentriert haben?

[krusty]

nee, nicht ganz. dann würde es mit einer festen width angabe funktionieren.
ich möchte eigentlich, das die li breite wortabhängig ist. der bold effekt beim a:hover aber keinen einfluss auf diese breite nimmt

[wildmieze]

hmm .. ich suche gerade die Stelle, an der laut css was zentriert wird .. das text-align:center; bei bold kann ja nicht allzu viel bringen .. und bei li steht ein float:left; ..
ich "zentriere" Menüpunkte mit unterschiedlicher Breite normalerweise über ein gleiches padding auf der linken und rechten Seite. Machst Du bei bold ja auch - aber nicht beim normalen <a>. Und warum sind die normalen Links absolut positioniert? .. das könnte evtl. auch beim zentrieren stören ..