CSS: Menu breaks on image for background website in IE/Opera

I'm inexperienced with CSS, and I'm having a problem with a breaking menu on a site I'm working on at www.quickcms.ie/marywrynne/index.html. It works f开发者_高级运维ine in Safari/Chrome and Firefox, but it's not working in Internet Explorer.

Can anyone suggest steps I can take to fix this?

I think you need to increase the height of the div where you have this css:

#menu div {
background:none repeat scroll 0 0 #333366;
height:76px; /* increase the height of this */
opacity:0.6;
padding:7px 0 0 7px;
}