CSS (yii) сползает меню?

Question

[des1roer]

имею такую неприглядную картину

#mainmenu
{
	/*background:white url(bg.gif) repeat-x left top;background-image:url(http://inventory.simpson.com/dashboard-download/images/el_bg.png);*/
	background-color:#333333;
	height: 42px;
	width: 100%;
        
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
	
}

#mainmenu ul li
{
display: inline;
  //display: table-cell;
  background-attachment:initial;
  background-clip:initial;
  background-color:#333333;
  background-image:url(../images/el_bg.png);
  background-origin:initial;
  background-position:0 0;
  background-repeat:repeat no-repeat;
  border-bottom-color:initial;
  border-bottom-style:none;
  border-bottom-width:initial;
  border-image:initial;
  border-left-color:#222222;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#222222;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#222222;
  border-top-style:solid;
  border-top-width:1px;
  float:left;
  list-style-type:none;
  margin-bottom:0;
  margin-left:0.1em;
  margin-right:0.1em;
  margin-top:0;
  position:relative;  
  padding-left:20px;
  padding-right:20px;
  height:35px;
}

как сделать так чтобы оно не сползало

Answer 1

[Dmitry Bay]

возможно -
display: table-cell;

но нужно смотреть от чего зависит.

Comments

[des1roer]

попробовал - не помогло. а от чего может еще зависеть?

[Dmitry Bay]

des1roer: зависит сейчас от того, что у вас указано display: inline;
float: left;

попробуйте float убрать.

у вас экран вправо упирается, из за этого все переносится на новую строку.

[des1roer]

без float: left; вообще столбиком

[Dmitry Bay]

des1roer: попробуйте
display: table-cell;

и убрать float

Answer 2

[des1roer]

#mainmenu
{
background-color:#333333;
height: 42px;
width: 9000px;
}
не знаю насколько правильно

Comments

[des1roer]

нет никакой нижний ползунок не появился

Answer 3

[N O]

Попробуй заменить в #mainmenu ul li display: inline; на display: inline-block;

Answer 4

[zuraavl]

ну да, для ul {display:tabel; widht: 100%;}
Для li {display: tabel-cell;} и можешь еще ширину задать, например если у тебя 5 пунктов то 20%. И убери везде margin и padding, ну и float конечно