Верстка, помогите избавиться от сомнений

Доброго временны суток коллеги.

В общем помогите избавиться от сомнений, мне надо чтобы на рисунке (которой гружу с сервера) в определённой позиции относительно рисунка бил прямоугольник (рисую его дивом), в общем вроде все в норме, но поскольку я не опытный в HTML совсем, посему прошу оценить и указать на недостатки.

<div id="myCanvas" style="position:relative; height:300px;width:800px;">

<div ><img src="475090_q3934f2800p2527x2590n4753s910e1701.jpg" width="800" height="300" /></div>

<div id="anotherCanvas" style="position:absolute; top:193px; left:614px; height:102px; width:177px;"></div>

</div>

Разработано на основе изучения: ссылка и экспериментов.

Спасибо.

Если рисунок (тот, что в img) является оформлением, не контентом, то правильно будет так:

<div id="myCanvas" style="position:relative;width:800px;height:300px;background:url(475090_q3934f2800p2527x2590n4753s910e1701.jpg) no-repeat;">

<div id="anotherCanvas" style="position:absolute;top:193px; left:614px;width:177px;height:102px;"></div>

</div>

Разумеется, то что в "style" нужно выносить в внешнюю таблицу стилей.

Если же изображение - часть контента, то все правильно, причем внутренний обертывающий <div> можно опустить, ну и alt для img, пусть даже пустой, лучше указать.

Да, рисунок является контентом, а не оформлением.
Большое спасибо!

П.С. Обёртка нужна для того чтобы документ не мелькал когда я меняю рисунок (меняю аяксом). Скажите, вот чтот ещё не получаеться обёрточный див

<div id="myCanvas" style="position:relative; height:300px;width:800px;">

заставить висеть по центре по ширине, align не срабатывает, скажите как это исправить, если это не затруднит. Спасибо.

Css:

body {text-align:center}

#myCanvas {

margin:0 auto;

width:800px; // остальное сюда же

text-align:left;

}

text-align - нужно для выравнивания в прежних версиях IE.

Понял, спасибо