Сложно было по коду понять. Тем более целиком html я так и не увидел.

Что я понял. Зачастую бывает на CMS с динамически формируемым контентом глюки при верстке, типа как в данном случае.
Вот пара советов. Для id="wrap" задай border: 1px solid red; и ты увидишь его истинное положение. Мне кажется, что он не содержит в себе div content и sidebar.
Для content и sidebar тоже сделай рамку во время верстки. Очень полезная штука.

Ну и собственно, что я думаю по этому поводу.
Перед закрывающимся /div слоя wrap добавь еще один <div style="clear: both;"/>
Естественно, для wrap задай background: #FFFFFF;
Если я правильно понял, все сработает и тогда фон будет до низа страницы.

Может немного не по теме, но на сколько я понял, нужно чтобы при наведении был точно жирный шрифт.
Есть предложение всегда использовать жирный шрифт, просто менять цвет и добавлять подчеркивание при наведении. Сам лично пользуюсь именно таким способом. Накидал код.



Еще может понадобиться. Есть один немного карявый, но рабочий метод, чтобы не сдвигалось меню. Для этого нужно задать при наведении на кнопку меню - уменьшение размера шрифта.


Это немного варварский метод, но вроде работает. Это частный случай для первого слова "Платье". Соответственно, нужно будет для всех других пунктов меню сделать свой класс, и применять уникальное значение размера шрифта, которое будет зависеть от количества букв в слове. Как то так.

Вообще, советовал бы не замарачиваться, и взять мой первый вариант. Отлично смотрится, естественно, если верно цвета подобрать.