make menu work in chrome url go through to page

Regarding this navigation menu:
http://jsfiddle.net/dXB37/4/

question:

under the <ul> with the id of #dropdown1

There is a <li> <a href> link with the scr:
http://www.thesearchengineoptimisationcompany.co.uk/

how can i make this link go to this url? and not just show the name of the link.

Also the class .current is over the top of the links in google chrome web browser. This makes the links not click-able when you get down to a sub menus. - i have tried changing the z-index and changed the width but this doesn't seem to fix it.

one other thing: how can i make all the links the same width? when i set a width of 200px !important on:
 .gallery a

nothing happens?
LVL 1
helpchrisplzAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
I'm guessing its possible a layering issue since your code is completely invalid.
You cannot have a <UL> followed by multiple divs and then have the <LI>'s inside nested divs and expect any browser to know what it is supposed to be doing.
GaryCommented:
I suggest you have a read here
http://davidwalsh.name/css-transform-rotate
http://www.w3schools.com/css/css3_2dtransforms.asp

Will make your life a whole lot easier.
helpchrisplzAuthor Commented:
hmm its a funny one.  sure.. usings css3 rotates is easy but i would have to manually make each li be a certan degree different from the last one.  the javascript does the calculations automatically even with more or less li tags. if i could dynamically autmate this process using css3 then yes that would work.
Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

GaryCommented:
You can still use javascript to calculate the degree then apply the style directly to each element.
The only thing with this is you would have to add all the markup for different browsers or detect the browser and apply the correct prefix.
Or have a set number of transformation css for 3, 4, 5 etc so you can apply the class the LI's and use nth-child to increment the degree.

You can then avoid all the extraneous markup
helpchrisplzAuthor Commented:
please can you help me with this?
GaryCommented:
Help with transforms?
Here's a simple example
http://jsfiddle.net/GaryC123/ZN2dH/2/
This will only work in Firefox as I didn't add the declarations for other browsers - if you don't have FF let me know.

It's just a case of figuring out the margins/rotation for each number of menu options you might have - I assume this is limited

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
helpchrisplzAuthor Commented:
thanks
GaryCommented:
Was expecting more along the lines of what do I do now?
helpchrisplzAuthor Commented:
haha.  yes.  it would be helpful if you give me a hand here:
http://experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_28336713.html
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.