vella

Помогите, пожалуйста, настроить переносы в выпадающем меню. Некоторые пункты меню очень длинные и не вмещаются в отведенную область. Можно увеличить ширину области, отведенной для пунктов, но меню многоуровневое и тогда все уровни не помещаются на странице. Подскажите, пожалуйста, как можно настроить переносы и возможно ли это вообще. Если возмжно, то что нужно прописать в css или еще где Вот код меню: .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { letter-spacing:normal; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-align:left; text-decoration:none; word-spacing:normal; } .art-menu, .art-menu ul { border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:0; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:-moz-use-text-color; border-left-style-ltr-source:physical; border-left-style-rtl-source:physical; border-left-style-value:none; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:0; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:-moz-use-text-color; border-right-style-ltr-source:physical; border-right-style-rtl-source:physical; border-right-style-value:none; border-right-width-ltr-source:physical; border-right-width-rtl-source:physical; border-right-width-value:0; border-top-color:-moz-use-text-color; border-top-style:none; border-top-width:0; display:block; list-style-type:none; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; } .art-menu li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat; border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:0; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:-moz-use-text-color; border-left-style-ltr-source:physical; border-left-style-rtl-source:physical; border-left-style-value:none; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:0; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:-moz-use-text-color; border-right-style-ltr-source:physical; border-right-style-rtl-source:physical; border-right-style-value:none; border-right-width-ltr-source:physical; border-right-width-rtl-source:physical; border-right-width-value:0; border-top-color:-moz-use-text-color; border-top-style:none; border-top-width:0; display:block; float:left; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; position:relative; z-index:5; } .art-menu li:hover { white-space:normal; z-index:10000; } .art-menu li li { float:none; } .art-menu ul { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat; left:0; position:absolute; top:0; visibility:hidden; z-index:10; } .art-menu li:hover > ul { top:100%; visibility:visible; } .art-menu li li:hover > ul { left:100%; top:0; } .art-menu:after, .art-menu ul:after { clear:both; content:"."; display:block; height:0; overflow-x:hidden; overflow-y:hidden; visibility:hidden; } .art-menu, .art-menu ul { min-height:0; } .art-menu ul { background-image:url(images/spacer.gif); margin-bottom:0; margin-left:-30px; margin-right:0; margin-top:-10px; padding-bottom:30px; padding-left:30px; padding-right:30px; padding-top:10px; } .art-menu ul ul { margin-bottom:0; margin-left:-10px; margin-right:0; margin-top:-30px; padding-bottom:30px; padding-left:10px; padding-right:30px; padding-top:30px; } .art-menu { padding-bottom:0; padding-left:6px; padding-right:6px; padding-top:12px; } .art-nav { height:41px; position:relative; z-index:100; } .art-nav .l, .art-nav .r { background-image:url(images/nav.png); height:41px; position:absolute; top:0; z-index:-1; } .art-nav .l { left:0; right:0; } .art-nav .r { clip:rect(auto, auto, auto, 1000px); right:0; width:1000px; } .art-menu ul li { clear:both; } .art-menu a { cursor:pointer; display:block; height:29px; margin-left:2px; margin-right:2px; overflow-x:hidden; overflow-y:hidden; position:relative; text-decoration:none; } .art-menu a .r, .art-menu a .l { background-image:url(images/MenuItem.png); display:block; height:87px; position:absolute; top:0; z-index:-1; } .art-menu a .l { left:0; right:4px; } .art-menu a .r { clip:rect(auto, auto, auto, 404px); right:0; width:408px; } .art-menu a .t { color:#1E201D; font-family:Arial,Helvetica,Sans-Serif; font-size:12px; font-style:normal; font-weight:normal; line-height:29px; margin-bottom:0; margin-left:4px; margin-right:4px; margin-top:0; padding-bottom:0; padding-left:19px; padding-right:19px; padding-top:0; text-align:center; } .art-menu a:hover .l, .art-menu a:hover .r { top:-29px; } .art-menu li:hover > a .l, .art-menu li:hover > a .r { top:-29px; } .art-menu li:hover a .l, .art-menu li:hover a .r { top:-29px; } .art-menu a:hover .t { color:#393E37; } .art-menu li:hover a .t { color:#393E37; } .art-menu li:hover > a .t { color:#393E37; } .art-menu a.active .l, .art-menu a.active .r { top:-58px; } .art-menu a.active .t { color:#0A0B0A; } .art-menu ul a { background-image:url(images/subitem-bg.png); background-position:left top; background-repeat:repeat-x; border-bottom-style:solid; border-bottom-width:0; border-left-style-ltr-source:physical; border-left-style-rtl-source:physical; border-left-style-value:solid; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:0; border-right-style-ltr-source:physical; border-right-style-rtl-source:physical; border-right-style-value:solid; border-right-width-ltr-source:physical; border-right-width-rtl-source:physical; border-right-width-value:0; border-top-style:solid; border-top-width:0; display:block; height:20px; line-height:20px; margin-right:auto; overflow-x:hidden; overflow-y:hidden; text-align:center; white-space:nowrap; width:300px; } .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { background-image:none; display:inline; float:none; margin-bottom:inherit; margin-left:inherit; margin-right:inherit; margin-top:inherit; padding-bottom:inherit; padding-left:inherit; padding-right:inherit; padding-top:inherit; text-align:inherit; text-decoration:inherit; } .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { color:#474024; font-family:Arial,Helvetica,Sans-Serif; font-size:12px; font-style:normal; font-weight:normal; line-height:20px; text-align:left; text-decoration:none; text-indent:12px; } .art-menu ul ul a { margin-left:auto; } .art-menu ul li a:hover { background-position:0 -20px; color:#625932; } .art-menu ul li:hover > a { background-position:0 -20px; color:#625932; } .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span { color:#625932; } .art-nav .art-menu ul li:hover > a span, .art-nav .art-menu ul li:hover > a span span { color:#625932; } может, даже немного лишнего захватила кода Напишите, если еще чего-то не хватает для того, чтобы понять, где что изменить надо. Я добавлю. Заранее спасибо.