In the donkey, the shadow of the block inside the table does not work?

Question

css

There is a page with the following text:

<div id="logo">
<div id="button_menu">111</div>
<div id="button_menu">222</div>
</div>

Style description:
#logo {top: 10; right: 10; position: relative; width: 650px height: 185px}
#button_menu {text-align: center; overflow: hidden; background: #fcdd76 !important; width: 155px height: 125px; display: inline-block border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-box-shadow: 6px 6px 2px rgba(170, 170, 170, 0.75); -moz-box-shadow: 6px 6px 2px rgba(170, 170, 170, 0.75); box-shadow: 6px 6px 2px rgba(170, 170, 170, 0.75); }
Everything works fine in both mozilla and donkey, the shadow of the elements is drawn. As soon as I drive this construction into a table that has no described styles at all, the shadow in the donkey disappears, everything is fine in Mozilla.

<table>
<tr>
<td>
<div id="logo">
<div id="button_menu">111</div>
<div id="button_menu">222</div>
</div>
</table>

Where to dig?

Answer 1

On habré, sick people who minus the question on the subject of the site are most striking. I asked a question in order to get an answer, and not for your entertainment or raising karma. Why merge a question if you don't know the answer? It's better to go back and read the solution later.

Answer 2

People could tell if you would properly format the question (css was not just inserted into one line, but used the <source/> tag), if you would make an example of the problem on http://jsfiddle.net/ or dabblet

Answer 3

You at least specify the version of your IE, everything works fine for me in 9. http://jsfiddle.net/8Sbrx/
PS And in vain you react so sharply to completely objective comments. The code is not readable, there are no indications of browser versions, there is no live example either.

Answer 4

People who don't mind, give him karma