Dymek o zmiennej szerokosci, problem z wysrodkowaniem - jak zwykle w IE Opcje

[_kama]

WItam,
potrzebuje pociac taki placek. To jest fruwajacy za kursorem dymek.

Zrobilam to tak

[HTML] pobierz, plaintext 
		<div class="hint_ok">
			<p class="h1"></p>
			<p class="h2">
				<span>Tu jest edytowalny tekst</span>
				<span class="ok">Przycisk</span>
			</p>
			<p class="h3"></p>
		</div>
[HTML] pobierz, plaintext 

a css

[HTML] pobierz, plaintext 
div.hint_ok {height: 38px; font-size: 10px; position: absolute; color: #FFF; margin: 0; padding: 0}
div.hint_ok p.h1 {background: url(ico_hint_ok1.gif) no-repeat; width:10px; height: 38px; float:left; margin: 0}
div.hint_ok p.h2 {background: url(ico_hint_ok2.gif) repeat-x; height: 33px; float:left; padding: 5px 5px 0 1px; margin: 0 auto}
div.hint_ok p.h2 span.ok {background:url(ico_hint_ok.gif) no-repeat center bottom; display: block; color: #FFF; height: 18px; width: 100%; font-weight: bold; line-height: 18px; cursor: pointer; text-align: center}
div.hint_ok p.h3 {background: url(ico_hint_ok3.gif) no-repeat; width: 5px; height: 38px; float:left; margin: 0}
[HTML] pobierz, plaintext 

Dymek pociety jest na 3 kawalki: lewa, powtarzalny srodek i prawa. Gorny tekst rozciaga dymek. Na dole zawsze taki sam przycisk tylko ze powinien byc po srodku (zarowno napis jak i ciemny szary placek pod nim. Problem w tym, ze jezeli daje blokowameu span.ok szerookosc na 100% zeby to tlo w nim wysrodkowac to w FF jest ok, a rozjezdza sie to w IE6 (bo rozciaga sie na cala szerokosc strony). Mozecie cos doradzic? Ten szary placek pod dolnym przyciskiem nie bedzie roziagalny - zawsze taki sam ale nie moge tego wstawic jako <img /> z pewnych przyczyn. Doradzicie cos? Z gory dzieki.

Ten post edytował _kama 28.08.2009, 10:34:40

[drake88]

Spróbuj z width: auto;

[_kama]

Niestety tez dziala zle bo tak samo jak z 100% tzn w FF jest ok, w IE sie rozciaga.

Jeszcze jakies pomysly? (IMG:style_emoticons/default/smile.gif)