Горизонтальное CSS меню

[SergKond]

Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS.

Вот html код

 <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я
           					 делал для своего сайта "Эволюция и происхождение человека, а именно через списки.-->
                       <ul>
           	        <li> <a href="index.html">Главная </a> </li>
                       <li> <a href="info.html"> Важная информация </a> </li>
               	   <li> <a href="histori.html"> История </a> </li>
               	   <li> <a href="osebe.html"> О себе </a> </li>
               	   <li> <a href="vopros.html"> Вопросы Ответ  </a> </li>
               	   <li> <a href="works.html"> Виды работ </a>  </li>
               	   <li> <a href="prais.html"> Прайс-лист </a> </li>
               	   <li> <a href="contact.html"> Вызов мастера </a> </li>  
           		 </ul>    
                  </div>       

Вот CSS код

    .meny {position: absolute;  
                 top: 120px;
                 left: 45px;}

             li {display: inline-block;
           	  margin: 10px;
                 width: 100px;
                 height: 56px;
                /* word-wrap: break-word;*/
           	  } /*С меню я разобрался, теперь буду прописывать стили для ссылок.*/

            li .sl a { width: 100px;
               	  height: 56px;
               	  word-wrap: break-word;}    

                 a {/*display: block;*/
               	 font-size: 18px;
               	 font-weight:bold;
               	 color: #FFF700;
				    text-decoration:none;
                    outline: none;} /*Убираем появление пунктирной линии при нажатии на ссылку. Для Мозиллы.*/

                 a:hover {background: url(../images/glavn2.jpg) no-repeat;
               				   padding: 18px;
               				   width: 100%;
               				   height: 56px;}                        

Вся проблема заключается в том что мне нужно большие элементы меню сделать "двухэтажными" Например

Важная информация. Слово "информация" должно стоять под словом "важная" Если кто знает как это сделать, подскажите пожалуйста.

Буду очень благодарен

С уважением С. Кондулуков

[Zverushka]

http://jsfiddle.net/y4mKD/ все ведь так и есть, как вы хотите сделать изначально. Важная информация на разных строках...