HeTpe3B

Интересная вещь получается, на одной странице, но в разных частях меню отображается по-разному. именно в хедере почему-то перенос строк происходит. вопрос решил, дело было в стиле таблицы в которую я вставлял див с меню.

я вставляю ctrl+C ctrl+V да я и не обманываю. сам в не пойму, почему так получается, в нотепаде собрал, в браузерах потестил, скопировал на сайт, а не пашет. li закрывающий подтер случайно, когда сюда код выкладывал, да и не думаю, что из-за него может такое быть.

Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; background-color:#A38EDD; } div#menu a { display:block; text-decoration: none; padding: 0px 10px 0px 10px; color: #000000; } div#menu a:hover { color: #000000; text-decoration:underline; } div#menu li:hover, div#menu li.jshover { background:url('/pics/m4.jpg') no-repeat; } div#menu ul li ul { background:none; float:left; margin: 0px; position: absolute; left:-100px; width: 600px; } div#menu ul li ul li { background:url('/pics/m1.jpg') no-repeat; float:left; width: 100px; height:100px; } body div#menu ul li ul { display: none; } div#menu ul li:hover ul, div#menu li.jshover ul { display: block; } div#menu ul li ul li:hover, div#menu ul li.jshover ul li { background:url('/pics/m2.jpg') no-repeat; color: #ffffff; } <div id="menu"> <ul> <li><a href="/">1</a></li> <li><a href="/">2</a> <ul> <li><a href="/"><img src="/">1-1</a></li> <li><a href="/"><img src="/">1-2</a></li> <li><a href="/"><img src="/">1-3</a></li> </ul> </ul> </div>