Thema: Farbiges H1 dünn-schwarz unterstreichen

Gibt es eine Möglichkeit eine H1, H2 Überschrift die farbig ist, mit css dünn schwarz zu unterstreichen?
Sollte ca so außsehen:
Überschrift

Wenn ich jetzt in der Template_css unterstrichen und farbe angebe, dann ist der text dick und farbig unterstrichen, da ich ja nicht die Reihenfolge angeben kann, oder?

border hat auch nicht geklappt, da der hier dann auch über den Text hinausgegangen ist.

gibt es da echt keine Möglichkeit? Das in der Überschrift zu staffeln? wäre ja die Reihenfolge <u><strong><font...>

Ich kann leider nix anderes verwenden, da ich auf die paar einträge der JCE-Combobox zurückgreifen muss.

Bottom-Line hatte ich auch schon probiert, nur da zieht der die linie auch über das wort hinaus

Ich weiss, der Thread ist schon alt, aber vielleichts interessiert es noch andere:
1. H1 floaten lassen, dann geht der Unterstrich nicht mehr über die ganze Breite
2. Hintergrundgrafik für das H1 machen und positionieren (z.B. ein 1x1 pixel-gif)
3. Das Folgeelement muss mit clear: both; "ausgerüstet werden" sonst fliesst der Text ums H1 herum.

HTML-Code:

h1 {
        float: left;
	color: #000;
  	background-image:  url(pfad/farbe.gif);
  	background-position: bottom;
  	background-repeat: repeat-x;
  }

hth