Помощь в верстке Меню

[vetWeb]

Доброго всем утра дня и вечера!!
Итак. Имеется меню на сайте сайт При первом попадании на него мню приобретает оочень нехороший вид вот такой
Кем делалось меню не знаю. Но знаю лишь что криво. Предпринял попытки по устранению. но ничего не получилось.
В чем тут проблема так и не разобрался. Вставил в #top_menu ul li свойство display: inline-block; Вроде как помогло. я и кешь и куки все сбрасывал заходил вроде норм. Спустя несколько дней снова такая же фигня. Мне бы понять тут либо дело в верстке как таковой либо это js ?

подскажите пожалуйста. Очень срочно нужно исправить, а то посетители уходят с сайта из-за этого бага!!


вот css

#top_menu {
	width: 60%;
	left: 26%;
	top: 100px;
	position: absolute;
	min-width: 552px;
	
}
#top_menu ul li{
	float: left;
	width: 16%;
	text-align: center;
	list-style:none;
	display: inline-block;
	
}
#top_menu ul li a {
	display: block;
	height: 40px;
	float: left;
	text-decoration: none;
	font: 12px Trebuchet;
	color: #416882;
	padding-left: 8px;
	width: 90%;
}
#top_menu ul li img {
	text-decoration: none;
	border: none;
}
#top_menu ul li a:hover {
	text-decoration: underline;
}

Вот судя по всему js

/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/

//Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs):
var arrowimages={down:['downarrowclass', 'img/blank.gif', 1], right:['rightarrowclass', 'right.gif']}

var jqueryslidemenu={

animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
		var $mainmenu=$("#"+menuid+">ul")
		var $headers=$mainmenu.find("ul").parent()
		$headers.each(function(i){
			var $curobj=$(this)
			var $subul=$(this).find('ul:eq(0)')
			this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
			this.istopheader=$curobj.parents("ul").length==1? true : false
			$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
			$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
				'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
				+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
				+ '" style="border:0;" />'
			)
			$curobj.hover(
				function(e){
					var $targetul=$(this).children("ul:eq(0)")
					this._offsets={left:$(this).offset().left, top:$(this).offset().top}
					var menuleft=this.istopheader? 0 : this._dimensions.w
					menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
					if ($targetul.queue().length<=1) //if 1 or less queued animations
						$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
				},
				function(e){
					var $targetul=$(this).children("ul:eq(0)")
					$targetul.slideUp(jqueryslidemenu.animateduration.out)
				}
			) //end hover
		}) //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) //end document.ready
}
}

//build menu with ID="myslidemenu" on page:
jqueryslidemenu.buildmenu("myslidemenu", arrowimages)

 

[Jackito]

Скрин с Firefox 4

Скрин с Google Chrome

Скрин с IE 6

Ничего плохого с меню не заметил, может в опере подругому?

 

[vetWeb]

Ну вот после того как правил стала норм грузится страница. Сегодня с утра по раньше глянул .и все капец. Снова. И причем и в Опере и в FF и в Chrome. В Ie только норм открывалась

Вот еще решил нафиг свойство убрать float:left. Вполне может оно порти всю картину. и заменить на display: inline-block;
Вот вроде покатило. Не знаю даже! Странно это. Ну лан. поглядим может все улеглось
Спасибо за быстрый ответ!

 

[artvor96]

Jackito, в опере тоже все в порядке)
у меня была такая хрень в IE6... я скачивал с какого-то сайта... после inline-block у меня все улеглось)

 

[vetWeb]

Я тоже буду надеется, что уляжется)
А то действительно 60% посетителей заходя на сайт пугались этой пакости и убегали прочь думая что их атаковало Зло!! )

 

[vetWeb]

Хрень короче! Не помогает display:inline-block;
Откуда ноги растут не пойму.
Может у кого какие идей есть по этому поводу?

 

[alexeywhatt]

щас нормально отображается меню..