Проблема с CSS (div) в IE

[Cimeries]

Имеются три div, находящихся рядом друг с другом, фиксированных размеров.
<div id="left"></div> - там находится менюшка
<div id="center"></div> - там находится собственно всё "наполнение" сайта
<div id="right"></div> - там находится картинка, одна линия

Вот что прописано в CSS-файле:

div#left{
	background: url(menu.jpg) no-repeat;
	width: 238px;
	height: 557px;
	float: left;
}

div#right{
	background: url(right.jpg) no-repeat;
	width: 25px;
	height: 557px;
	float: right;
}

div#center{
	background: url(text.jpg) no-repeat fixed;
	width: 737px;
	height: 557px;
	overflow: auto;
	margin: 0px 0px 0px 238px;
}

В итоге при просмотре в Opera всё просто замечательно. А вот в IE центральный div почему-то "не помещается" между левым и правым и размещается ниже. Это хорошо заметно на скриншотах (первый - Opera, второй - IE):


Посему задаю такой вопрос... Как сделать, чтобы в IE было всё нормально?

P.S. Непосредственно ссылка на эту страничку - http://www.cimeries.com/test/

[Feb_vl]

а если так:

div#center {
float: left;
background: url(text.jpg) no-repeat fixed;
width: 737px;
height: 557px;
overflow: auto;
}

[Cimeries]

Аха, спасибо большое. Проблема вроде как решилась. Но теперь имеется у меня ещё одна проблема, связанная с атрибутом fixed (background-attachment).
В том самом div#center прописано background: url(text.jpg) no-repeat fixed;
Так вот... В IE всё получается как надо. А в Опере этот самый text.jpg смещается в левый верхний угол экрана, хотя должен располагаться именно "на территории" центрального div'а.
Проблема с Оперой решается банальным убиранием слова fixed, но тогда возникает проблема в IE - фон, само собой, начинает прокручиваться.
Ну и что делать в такой ситуации, чтобы нормально было и там и там?

[Feb_vl]

не совсем понял где проблема
у меня в ие6 и опера 8.5 идентичная картинка, если не ошибаюсь

[etc]

Feb_vl, отредактируйте свой пост и оформите код тегами [code][/code].

[Cimeries]

не совсем понял где проблема
у меня в ие6 и опера 8.5 идентичная картинка, если не ошибаюсь

А у меня Opera 9.21 и там выглядит всё совсем не так, как надо.
Покажу на скриншотах.
Первая картинка - IE. Так, как должно быть.
Вторая картинка - Opera. Так, как НЕ должно быть.
Чтобы было лучше видно - нужный фон (его положение) обведены красной рамкой.


P.S. Для наглядности ссылка на саму страничку - http://www.cimeries.com/razd/354/links

[Feb_vl]

да, сейчас в опере косяк
раньше, когда заходил по вашей ссылке (когда писал тот пост)
такого не было

[Cimeries]

Так не знаете, что с этим можно сделать?

[Feb_vl]

Using the property background-attachment, you can declare the origin image to be fixed with respect to the viewing area and therefore immune to the effects of scrolling

Doing this has two immediate effects. The first is that the origin image does not scroll along with the document. The second is that the placement of the origin image is determined by the size of the viewing area, not the size (or placement within the viewing area) of the element that contains it.

In a web browser, the viewing area can change as the user resizes the browser's window. This will cause the background's origin image to shift position as the window changes size. So, in a certain sense, the image isn't fixed in place, but it will remain fixed as long as the viewing area isn't resized.

background patterns begin tiling from the top-left corner of the viewport, not the individual elements

[Cimeries]

Решил проблему не самым лучшим способом, но хотя бы на первое время сойдёт...

<LINK REL="Stylesheet" HREF="http://www.cimeries.com/images/design/style-opera.css" TYPE="text/css">
<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="http://www.cimeries.com/images/design/style.css" />
<![endif]-->