SOS! Opera 10.62 лагает при стандартной задаче

[mr_temi4]

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

Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?!

HTML документа такой:

	
<div id="header">
			  <div id="menu">
		<ul id="nav">
			<li class="m2"><a href="/portfolio" /></li>
			<li class="m3"><a href="/biografi" /></li>
			<li class="m4"><a href="/services" /></li>
			<li class="m5"><a href="/products" /></li>
			<li class="m6"><a href="/contact" /></li>
		</ul>
	</div>

		<div id="logo"><a href="/"></a></div>
	</div>

CSS такой:

*{margin:0;padding:0;}
html{background:#ccc;}
body{width:1000px;margin:0 auto;background:url(../img/fon.jpg) repeat-y;}

#menu{background:url(../img/menu.jpg) no-repeat;height:38px;padding-left:330px;}
#menu ul li{list-style:none;}
#menu ul li a{display:block;height:38px;float:left;}
#menu  ul li.m2 a{width:100px;margin-right:20px;}
#menu  ul li.m3 a{width:100px;margin-right:10px;}
#menu  ul li.m4 a{width:70px;margin-right:10px;}
#menu  ul li.m5 a{width:170px;}
#menu  ul li.m6 a{width:160px;height:38px;}

#menu  ul li.m2 a:hover{background:url(../img/menu_h.jpg) -330px 0 no-repeat;}
#menu  ul li.m3 a:hover{background:url(../img/menu_h.jpg) -450px 0 no-repeat;}
#menu  ul li.m4 a:hover{background:url(../img/menu_h.jpg) -560px 0 no-repeat;}
#menu  ul li.m5 a:hover{background:url(../img/menu_h.jpg) -640px 0 no-repeat;}
#menu  ul li.m6 a:hover{background:url(../img/menu_h.jpg) -810px 0 no-repeat;}

#header{height:153px;margin-bottom:50px;}
#logo{width:310px;height:115px;background:url(../img/logo.jpg) left top no-repeat;}
#logo a{width:310px;height:115px;display:block;}

Расскажи что не так, где копать то?!

Заранее спасибо!

Edited October 4, 2010 by mr_temi4

[Great Rash]

Ой, не... фигню написал!

Надо просто добавить clear: both; для #header.

[mr_temi4]

Ой, не... фигню написал!

в плане?

Clear уже ставил, проблему не решает(

Edited October 4, 2010 by mr_temi4

[Great Rash]

Ссылка на страницу есть? Как все должно выглядеть?

[mr_temi4]

Ссылка на страницу есть? Как все должно выглядеть?

http://titovstudio.com.ua

Выглядеть должно примерно так:

У меня в опере все выглядит так:

[Great Rash]

Видимо дело в том что у вас неправильно закрыты теги <a>. По спецификации обязательно должен быть закрывающий тег - </a>. Так что Опера правильно делает, что ломает верстку. Все-таки XHTML это еще не XML, так что не все теги можно закрывать в XML-стиле, а только те которые и раньше были одиночными.

P.S. В ИЕ, кстати, все тоже сломано. И по той же причине. Парсеры этих двух браузеров довольно схожи.

[mr_temi4]

Видимо дело в том что у вас неправильно закрыты теги <a>. По спецификации обязательно должен быть закрывающий тег - </a>. Так что Опера правильно делает, что ломает верстку. Все-таки XHTML это еще не XML, так что не все теги можно закрывать в XML-стиле, а только те которые и раньше были одиночными.

P.S. В ИЕ, кстати, все тоже сломано. И по той же причине. Парсеры этих двух браузеров довольно схожи.

Офигенно! Спасибо огромное, очень ламерская ошибка :-( Еще раз сенкс огромный, аж стыдно(

П.С.: Сразу еще подумал об этом, когда Firebug показывал <a href="/contact" /> и внутри блока header, и logo, но видимо непрофессионализм остановил исправить проблему(

Edited October 4, 2010 by mr_temi4