Какие ошибки на ваш взгляд в верстке и как их следует исправить?

Вот пример сверстанного меню
jsfiddle.net/3433o5yz/3
Суть в том что - края растягиваются на всю ширину, а центр фиксированный, и выпадающее мню тоже растягивается на всю ширину при фиксированном центре. Меню с прозрачностями, т.к. под ним может находится любой другой элемент(часть картинки, карты и прочее)
Пришлось выкрутиться через использование таблицы - средняя ячейка имеет фиксированную ширину, а крайние ячейки заполняют всю ширину страницы. Как это сделать без таблицы? мне пока не известно.

Все фоновые цвета с прозрачностями. При наведении курсора на пункт меню, фон меняет цвет. При этом НЕ должно происходить смешивание цветов.

Меню свёрстано блоками - просто так, суть не в этом, можно и через список. Суть в растягивающихся краях и полупрозрачном фоне.

В данном примере все условия выполнены. Но хотелось бы узнать более красивое решение, более "правильное". Услышать про ошибки и недочеты. И ваше мнение, по поводу того, как бы вы это сделали.