Ну теперь вот более-менее все ясно. Итак, по порядку:
[/quote]
Только не справа, а снизу (скролл этот – горизонтальный).
И он должен появляться. Видимо, Вы плохо читали предложенную мной статью.
Нельзя задавать для блочного элемента в прямом потоке правые и (или) левые отступы, рамки или поля, если для этого элемента задана ширина в 100%. Потому как в таком случае полная ширина такого элемента будет равна 100%+paddings+borders+margins.
Уберите width: 100% для <div id="line1">. Если этот блок находится в прямом потоке, Вам это свойство совсем ни к чему. Потому как блоки в прямом потоке и так занимают по ширине все доступное им пространство.
[/quote]
И не только в Опере. В Firefox-е тоже.
И причина этого заключается в том, что дивы с флоатами у Вас – пустые, и как следствие этого – схлопываются по высоте в нуль. Чтобы их фон отображался, необходимо им явно задать высоту. В данном случае – height: 1px;. И никаких overflow: hidden; для них не надо. Это свойство необходимо в данном контексте только для внешнего контейнера.
Вот так все должно быть:
Код:
<style type="text/css">
#line1 {background: #000000; height: 1px; margin-right: 150px; overflow: hidden;}
#line2 {background: url(img/main_left.gif) left top no-repeat; width: 100px; height: 1px; float: left;}
#line3 {background: url(img/main_right.gif) right top no-repeat; width: 100px; height: 1px; float: right;}
</style>
Код:
<div id="line1">
****<div id="line2"></div>
****<div id="line3"></div>
</div>