Dropdown Menu

Hi Folks
I'm attempting to convert one of my website to a responsive design and although things are going well but slow I am having problems with my dropdown menu.

I have 34 items in my dropdown menu and as you can imagine this is fine on the smaller screens but a very long list on a PC.
I would like to display the dropdown list in 4 colums instead of one long list.

My page is on a test address if you want a look at

Although I have quite a good working of html, some things in css are proving a bit harder to figure out.

How to add a dropdown menu at an existing css-menu with effects


I'm terrible new to this css thingy Big smile - but I'm trying... I have found some existing items on the internet I'm working on, and now I'm trying to alter the original code in order to provide extra functionality.

On the following picture, I've tried to illustrate what I want to do... but don't have a clue how to Sad(


The css file: styles.css:

/* Template by freewebsitetemplates.com */
#header {
	margin:0 auto;
	padding: 0;	
	overflow: hidden;
	width: 960px;

Syndicate content