No shadow preview in IE9 !?

[Sam]

No shadow preview of my menu in ie9, but ok in FF and GC
Why ?
Thanks for replying

[Aivars]

It's possible that the page that you've inserted menu in doesn't use DOCTYPE and is automatically switching to Internet Explorer 6 mode, which is why there are no shadows. Read this for more info: http://www.easymenumaker.com/support-answer.php?tid=116

[Sam]

Thanks for reply
I found why it does not function correctly in IE9

I ve a table tag around in my html code like so :

<table>
< My menu tags with css classes >
</table>

If I remove table tag the shadow appear in IE9
But I would like to use my table tag around my menu
Any solutions ??

[Aivars]

Are you using just <table> or complete proper <table><tr><td>?

[Sam]

Yes of course, i m using <table><tr><td>

[Sam]

I can't give the url of my site because i ve not published it yet but this site is facing exactely the same problem http://www.vp-glasgow.co.uk/news.htm.
Thanks for checking

[Aivars]

That site has the DOCTYPE problem that I mentioned.

Nonetheless, after some research it turns out that there is IE9 bug that indeed removes shadows from elements inside table cells - http://www.west-wind.com/weblog/posts/2 ... able-Cells

The solution is simple, but unfortunately you'll need to edit CSS file manually - find the line with box-shadow:... and add another attribute after it like this:

{
box-shadow: .....;
border-collapse: separate;
}

We'll add a fix to do this automatically in one of the next updates.

[Sam]

Correct, my menu shadows appears nicely in IE9 !
Thanks a lot