Задача: создать горизонтальное резиновое выпадающее меню.
Само меню на скриншоте.
![1390806280-clip-42kb.png?nocache=1](http://clip2net.com/clip/m280714/1390806280-clip-42kb.png?nocache=1)
Проблема:
![1390806408-clip-8kb.png?nocache=1](http://clip2net.com/clip/m280714/1390806408-clip-8kb.png?nocache=1)
Как Вы поняли, выпадающий блок не чувствует правого края и создает горизонтальную прокрутку.
Код представляет собой стандартный код для меню:
ul>li>a+ul.submenu>li>a
Стиль ul
background-color: #414141;
.ma;
list-style: none;
width: 100%;
min-width: 980px;
max-width: 1280px;
position: relative;
margin: 0px auto 30px;
display: table;
Стиль выпадающей ul
position: absolute;
z-index: 2;
background: #575757;
display: none;
list-style: none;
width: 980px;
padding: 30px 40px;
Какие будут идеи решения этой проблемы?