span element auf 100% width klappt nicht

[bofh]

hallo,

habe hier mal den validator auspobiert um meine seite (die eigentlich in allen browsern so aussah wie erwartet) zu validieren und die bugszu fixen. haette ichs nur gelassen, jetzt hats mir irgendwie das design zerschossen. ist fast alles wieder behoben, bis auf diese span-elemente die nur noch so lang sind wie die enthaltene schrift. auf der seite http://www.shareyourride.net - da wo steht "welcome backpacker", mit dem gelben hintergrund, das soll sich ueber die ganze breite erstrecken, mit text zentriert.

der code:
<span class="topic2" style="width:600px;">welcome backpacker!</span>

css dazu:

.topic2{
 width: 100%;
 background-image: url(gfx/buttonbg_y.gif);
 font-weight: bold;
 text-align: center;
 font-size: 12px;
 background-position: bottom;
 margin: 0px;
 background-repeat: repeat-x;
}

vielen dank fuer eure hilfe.

[Cheatah]

Hi,

habe hier mal den validator auspobiert um meine seite (die eigentlich in allen browsern so aussah wie erwartet) zu validieren und die bugszu fixen. haette ichs nur gelassen, jetzt hats mir irgendwie das design zerschossen.

hättest Du es nicht gemacht, wäre es _faktisch_ zerschossen. Bis auf vielleicht in den paar Browserversionen, die Du getestet hast.

ist fast alles wieder behoben, bis auf diese span-elemente die nur noch so lang sind wie die enthaltene schrift.

Lass mich raten: Du hast sie in ihrer Default-Einstellung als Inline-Element gelassen. Bei diesen (u.a.) greifen die width- und height-Eigenschaft nicht.

<span class="topic2" style="width:600px;">welcome backpacker!</span>

Das klingt, als wäre es eine Überschrift, also ein <hX>.

Cheatah