Всплывающая подсказка над input полем

[Александр_1989]

Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block :

<style>
   .class1{
	 display:none;
	 position:relative;
   }
   .class2{
	position:relative;
	display:block;
   }



	 <center><form method="post" action="">
	 <div class="class1" id="tips">Это подсказка для поля</div>
	 <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/>
	 <div class="class1" id="tips1">Это подсказка для поля</div>
	 <input id="myfield" onFocus="document.all['tips1'].className='class2';" type="text" /><br/>
	 <div class="class1" id="tips2">Это подсказка для поля</div>
	 <input id="myfield" onFocus="document.all['tips2'].className='class2';" type="text" /><br/>
	 <div class="class1" id="tips3">Это подсказка для поля</div>
	 <input id="myfield" onFocus="document.all['tips3'].className='class2';" type="text" /><br/>
   </form>
   </center>

[Great Rash]

document.all['tips3'] - это капец!!!

Вместо position: relative; напишите position: absolute;

Нигде кроме ИЕ работать не будет.