Moin

ich will abgerundete ecken, bei einem für überschriften gedachten text balken. Der Code sieht folgendermassen aus:

<span id="ha4"><img src="grafik/h4-round_left.jpg" alt="">Herzlich Willkommen!</span>

und die css-angabe dazu:

span#ha4 {  
         height:25px;  
		 display:block;  
         color:#FFF;  
         background-color:#D800FF;  
		 padding:0px;  
		 margin-bottom:10px;  
		 margin-top:20px;  
		 margin-right:10px;  
         font-weight:bold;  
         font-size:12pt;  
		 font-family: Verdana,Arial,sans-serif;	  
		 vertical-align:middle;  
}  
  
span#ha4 img{  
		padding:0px;  
		margin:0px;  
		border-style:none;  
}

Die rechte eck-grafik will ich dann per background-image einfügen, aber erstmal muß es bis hier klappen.
firevox macht alles prima, daß die Schrift ein bisschen weit unten ist, kannich dann immernoch ändern...

Der Blöde IE6 zieht den Bereich links neben der eck-grafik immer unter die eck-grafik. die bg-farbe des spans schliesst also nicht bündig mit der eck-grafik ab, ähnlich wie bei der abgerundeten div-boxen auf dieser seite, nur noch schlimmer:
http://www.spiritsoundart.de/start.htm
(das soll übrigens die gleiche seite werden)

Weiss jemand Rat?!

Ich hab alles probiert, negativen padding-bottom, vertical-align... auch schon gegoogelt, aber ich find keine lösung!

Wäre euch sehr dankbar!

Grüße,
Florian
(das soll