Не вижу сложности, разные классы для разных блоков с указанием параметров height и top. Если есть PSD макет там можно и размеры взять. https://jsfiddle.net/b5L4oeL6/2/
Лично я переписал бы стили под ul ( li ), но варианты есть:
1. Можно взять существующий код с div (a) и вставить в него ссылки на реальные пункты меню из Joomla, т.е. просто создать модуль с HTML кодом. А реальное меню (на оформление плевать) спрятать (margin-top: -10000px; display: none; z-index: -100; и тп).
То есть фактически имеем меню в "Менеджере меню" (со всеми пунктами для корректной работы всей системы) которое фактически не видно и простой модуль в менеджере модулей (HTML с кодом) который видно.
2. Либо извращаться созданием 6 отдельных меню с 1 пунктом в каждом, обернутым DIV - ом.