позиционирование

[rgl]

Добрый день.

Хочу расположить текст на форе картинки, точно в нужном месте. (номера участков на карте)

Делаю так:

<td>
  <div style="height:806px; width:497px; background-image:url(limber_test.png)">
	<span id="m1" style="position:absolute;top:97;left:101">1</span>
	<span id="m2" style="position:absolute;top:115;left:117">2</span>
	<span id="m3" style="position:absolute;top:133;left:133">3</span>
	<span id="m4" style="position:absolute;top:81;left:137">4</span>
.........................
  </div>
</td>

Но положение циферок относительно картинки в разных браузерах отличается. Как это исправить?

(Да, забыл сказать, все это находится внутри таблицы)

Edited December 15, 2010 by rgl

[eVErl@Sting]

<td>
<div style="position:relative; top:0; left:0;">
  <div style="height:806px; width:497px; background-image:url(limber_test.png)">
	<span id="m1" style="position:absolute;top:97;left:101">1</span>
	<span id="m2" style="position:absolute;top:115;left:117">2</span>
	<span id="m3" style="position:absolute;top:133;left:133">3</span>
	<span id="m4" style="position:absolute;top:81;left:137">4</span>
  </div>
</div>
</td>

В общем, чтобы абсолютное позиционирование шло не от границ браузера, а от границ релативного дива.

[psywalker]

А единицы измерения мы уже не пишем, т.е. полагаемся на браузеры?

[eVErl@Sting]

Кстати да, верно заметил, у него не проставлены были единицы измерения

[rgl]

Всем спасибо, теперь все хорошо!