CSS Menu Drop Shadow (IE) and Cross Browser Alignment Issues

I am experiencing some issues with a drop down menu which I have taken from [url removed, login to view] and adjusted to incorporate a second drop down menu which can be seen at [url removed, login to view] In addition to this I have added a -webkit-box-shadow and -moz-box-shadow and attempted to implement progid:[url removed, login to view] for IE. I am having problems with 2 areas which are the shadow and the alignment of the drop down menu.

Design Code and Demo

I have uploaded the demo to [url removed, login to view] and the code is all within the source file of this.

1. Drop Shadow

The shadow works exactly as intended in Firefox/Chrome & Safari but I am having problems with the drop shadow in Internet Explorer. The actual drop down menu shadow works fine in IE but the header drop shadow doesn't work which I have added to #menu (See attachment image)

2. Drop Menu Alignment

I have experienced some problems in certain browsers with the positioning of the drop down menu and was wondering if anyone could also help with this. The menu works perfectly in Firefox and Google Chrome but has minor alignment issues in other browsers which I have outlined in the attached picture which shows various browsers and the alignment problems.

I am looking for someone to check the code and see if it is missing anything that would fix this and not require going down the CSS Hack route?

Many thanks in advance

Skills: CSS, HTML, jQuery / Prototype, Website Design

See more: cross browser drop shadow, website menu design code, microsoft fix website, hack design, fix hack, cross design, html shadow cross browser, webkit, shadow, menu drop, menu design, ie, help css html, fix website menu, fix cross browser, fix chrome browser, drop shadow, cross browser, fix jquery browser, implement css, cross work, jquery picture design, fix css html firefox, css fix safari, chrome html source

About the Employer:
( 5 reviews ) Nottingham, United Kingdom

Project ID: #1474605

11 freelancers are bidding on average $12/hour for this job


Hi Have Gone through your requirement and understood, we are very sure that we can do your needs with your entire satisfaction. We have left a PMB for you plz feel free to have a look over there. Thnx Ram Webzin I More

$15 USD / hour
(78 Reviews)

Dear sir, I sent you a private message. Please check private message. Regards.

$8 USD / hour
(63 Reviews)

Hi Please see PMB.

$5 USD / hour
(186 Reviews)

We are a professionally managed IS0 9001:2008 certified web development company. Our team has extensive experience and we have provided services to reputed companies in US, UK, CANADA & Europe. Currently we have around More

$14 USD / hour
(18 Reviews)

Thanks for you job post! We are ready to take up this work.

$5 USD / hour
(20 Reviews)

Please check pm for details thanks.

$12 USD / hour
(23 Reviews)

Hello sir, I am ready to start working and fix those dropdown issues.

$8 USD / hour
(10 Reviews)

hi. let me do. you will have a product perfect. please choose me. thanks!

$5 USD / hour
(1 Review)

Your Requirement ! My Work ;)

$3 USD / hour
(0 Reviews)

Our team consist of highly skilled people for this project.And we have around 5 yrs of exp in designing and development.

$3 USD / hour
(0 Reviews)

We specialize in projects that combine beautiful interactive design with intelligent technology. a company based in India that provides services of website design, website development, Flash Website, CMS web design, Ec More

$50 USD / hour
(0 Reviews)