Witam;
Kawalek kodu html:

  1. <div class="hint">
  2. <p class="h1"></p>
  3. <p id="hinttxt" class="h2">Hello world test blablabla</p>
  4. <p class="h3"></p>
  5. </div>


css

  1. div.hint {height: 25px; font-size: 9px; position: absolute; line-height: 19px; vertical-align: middle; z-index: 1000}
  2. div.hint p.h1 {background: url(ico_hint1.gif) no-repeat; width:19px; height: 25px; float:left}
  3. div.hint p.h2 {background: url(ico_hint2.gif) repeat-x; height: 25px; float:left; text-indent: -12px}
  4. div.hint p.h3 {background: url(ico_hint3.gif) no-repeat; width: 4px; height: 25px; float:left}


To jest kod takiego "dymka": lewa strona (.h1), rozciagajacy sie srodek (.h2) i prawa strona (.h3). Chcialabym zeby tekst pisany w h2 byl cofniety tak zeby pojawial sie juz na p.h2. We wszystkich przegladarkach ujemny text-indent dziala ok, jak zwykle nie w ie6. Jak to rozwiazac - pomoznie.