Проблемное меню

[Seemann]

В вёрстке как бы не новичок, но возникла заминка с меню. Реально ли сделать в точности как на изображении?

Начал делать, само собой разумеется, списком. Но пока получается не айс...(

Спасибо.

[tt48]

А в чем, собственно, проблема? В отступах чтоли?

Если с отступами - (Opera 11, FF3.6, Chrome, Ie7-8)

<style type='text/css'>
	#main_menu ul{
		display: block; 
		border: 1px solid red;
	}
	#main_menu ul li,
	#main_menu ul li.active{
		display: block;
		float: left;
		border: 1px solid black;
		line-height: 80px;
	}
	#main_menu ul li{
		margin-left: -5px;
	}
	#main_menu ul li.active{
		margin-left: -30px;
	}
	#main_menu ul li a{
		vertical-align: middle;
		border      : 1px solid yellow;
		display     : inline-block;
		*display: inline;
		*zoom:1;
		line-height : 1;
	}
</style>

[Seemann]

А в чем, собственно, проблема? В отступах чтоли?

Если с отступами - (Opera 11, FF3.6, Chrome, Ie7-8)

<style type='text/css'>
	#main_menu ul{
		display: block; 
		border: 1px solid red;
	}
	#main_menu ul li,
	#main_menu ul li.active{
		display: block;
		float: left;
		border: 1px solid black;
		line-height: 80px;
	}
	#main_menu ul li{
		margin-left: -5px;
	}
	#main_menu ul li.active{
		margin-left: -30px;
	}
	#main_menu ul li a{
		vertical-align: middle;
		border      : 1px solid yellow;
		display     : inline-block;
		*display: inline;
		*zoom:1;
		line-height : 1;
	}
</style>

Спасибо! Да, была проблема с отступами. Точнее, при смене активного раздела, где меняется его ширина и бэкграунд.