Помогите с CSS
 

Здравствуйте!
Помогите разобраться с CSS. Проблема в том, что при уменьшении ширины браузера центральная картинка проваливается вниз, а хотелось бы, чтобы правая граница окна браузера просто наезжала бы на контент.

[url]http://hostingkartinok.com/show-image.php?id=01e23d5e417a723e4ececdec2a32d14c[/url]

[url]http://hostingkartinok.com/show-image.php?id=b72f185d6632c8cf66e1a95cf39dea3c[/url]

[url]http://hostingkartinok.com/show-image.php?id=d4b21ca0cb102c9b2d968aa26dfc572b[/url]

покажи код

Слою, в котором это изображение, дай относительную ширину (80% например). Сделай этот слой на переднем плане (z-index). И изображению дай относительную ширину от оригинала.

HTML:

<div style="width:80%; z-index:99">
<img src=# class=otn>
</div>

CSS:

.otn {width:100%;**

body **
min-width:1000px;
**

Вместо "**" - "**"

[quote=qwertyytrewq;35743575] Слою, в котором это изображение, дай относительную ширину (80% например). Сделай этот слой на переднем плане (z-index). И изображению дай относительную ширину от оригинала. HTML: &lt;div style="width:80%; z-index:99"&gt; &lt;img src=# class=otn&gt; &lt;/div&gt; CSS: .otn {width:100%;** [/quote]
тут в сайдбаре скорее проблема, он имеет фиксированную ширину а изображение относительную в процентах от родителя.
Поясню к примеру, контейнер 1000px, сайдбар 200px (это 20% от родителя) а картинка 70%;
Когда контейнер становится 500px, сайдбар остаётся 200px а картинка 350(это 70% от контейнера) что в сумме превышает ширину родителя, и поэтому картинка съезжает вниз.
Решение: Задать сайдбару width:20%;

Тут что, соревнование ясновидящих? :)