horizontal drop down menus in IE

I am revisiting the first site I ever built to deal with some issues. I'm not a pro web developer as I have basically taught myself everything I know.

The website http://www.watermarkliving.ca/ has a horizontal drop down menu at the top which when the mouse is hovered over, produces a drop down sub menu with a transparent png background.

My problem is that this menu does not function in IE 6 and in IE 7 it functions improperly in that the sub menu drops down below the main menu item n开发者_如何学Goext to it.

I have been pulling my hair out trying to fix this and I believe it is simply an issue of CSS. Any help would be greatly appreciated. Thanks

you need to add left:0 to the drop down menu, what it does is calculates the width of the parent LI then applies that to the left position of the child UL, when you don't have a "left" attribute applied in the CSS.