Z-index negative top margin! What am I doing wrong?

On this website I use a negative top margin and a higher z-index for the content panel (content (our pharmacy) and the sidebar with the brown image at the top). In every browser this is working fine, only in IE the entire content_panel is cut off at the top as you can see at the brown image at the top of the sidebar right. I am looking at it for hours now and have tried many things like giving a very high z-index to Content as well as to the two separate divs .content and .sidebar, but nothing seems to work. Does anyone see what I am doing wrong?

Thank you in advance

Try removing the relative position from your #content_panel selector and that should fix the issue.

Hi Chris. Thank you very much, that solved the issue indeed