Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 239px; margin-right: 20px; right: 20px; border-radius: 8px;} ul.menu{ margin : 0; padding : 0; display : table; width : 100%; border-left : 1px solid #fff; position : absolute; z-index : 100; } .menu li{ display : table-cell; width : 20%; border-right : 1px solid #fff; text-align:center; } *html .menu li{ display : inline; zoom : 1; } .menu a:link, .menu a:hover, .menu a:visited{ display : block; padding : 5px 10px; font : 12px verdana; text-decoration : none; } .menu a:hover{ background : red; } </style> </head> <body> <div id="hmenu"> <ul class="menu"> <li><a href="#">asd</a></li> <li><a href="#">asd</a></li> <li><a href="#">asd</a></li> <li><a href="#">asd</a></li> <li><a href="#">asd</a></li> </ul> </div> </body> </html> Можно и без дива вообще, главное чтобы меню было с отступами как у этого дива. Заранее спасибо.