Ты сам код писал?
Если да то скажи: какой из перечисленных "тегов" код меню?
Если найдешь код меню, измени в нем значение height (увеличь).
А как я понимаю код последнего "тега" .nav
{
position: relative;
margin: 0 auto;
width: 931px;
height: 30px;
z-index: 100;
}
за длину (ширину) отвечает свойство width.
чтобы строка не выходила за рамки сайдбара,
нужно, чтобы селектор(тег), отвечающий за элемент меню,не превышал рамки сайдбара.
ширина сайдбара(можно найти в css) может быть 100-200px,
поэтому поставь значение width например, 120px твоему элементу меню.
как узнать, какой из селекторов отвечает за твой элемент меню. в мозилле FF 11 можно на твоей длинной строке нажать правой кнопкой мыши и выбрать "исследовать элемент".
сверху появится его название, а нажав на кнопку "css"(внизу справа),
в правой колонке увидеть строку этого элемента в файле style.css.
вот в ней и впиши
width: 120px;
Это скорей всего горизонтальное меню под хедером и к сейдбару ни какого отношения не имеет.
Нельзя просто увеличить ширину сейдбара! Ширину можно увеличить за счет чего то, либо полосу контента уменьшить, либо ширину всего сайта увеличить. А если в конструкции сейдбара участвует картинка...понимаете, что будет? В общем задача не простая, а без знаний CSS, я бы сказал непосильная.
Ищите другой шаблон, ну или надписи сокращайте и размер шрифта уменьшайте.