div element has a margin

I have built a content div with three further divs who have the

display:inline-block;

attribute. One of them contains another div element which has some audio controlls. The right div has a really big margin! Chrome and Firefox don't show any margins or paddings. If I delete the #music element, everything is okay.

Here is a live demo

Thanks for helping