Проблемы с картой

[spyder]

Всем привет!!!

Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки.

Вот код

<style> 
#rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} 
</style> 
<map name="Map"> 
 <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> 
</map> 
<td colspan="4" style="vertical-align:top;"> 
 <div style="width:959px;"> 
 <div style="display:block; float:left;"> 
 <!-- это подсказка --> 
 <img id="rep" src="i/img_podsk.jpg" width="189" height="40" /> 
 <!-- Карта на которой находятся объекты --> 
 <img src="i/center_cont.jpg" width="937" height="955" usemap="#Map" /> 

 </div> 
 </div> 
</td>

[Vlad]

Стоит float, это плавающий объект, он и вносит свои сдвиги. Используй лучше абсолютное позиционирование, оно никак не будет влиять на карту.