A vertical Spry menu bar created in Dreamweaver CS4 displays perfectly in FireFox and Safari but is positioned incorrectly on the page in Internet Explorer 7 and 8. In IE 7 the menu itself looks fine and the pull-downs work fine but the entire menu is positioned about an inch and a half further down in the column than it should be. In IE 8, the menu also displays correctly and is positioned at the top of the column but text in the column that should be further down in the column BELOW the menu bar also appears at the top of the column and the menu bar is right on top of it blocking out the text.

The menu bar .css file needs to be modified so the menu bar will be in the right position on the page in IE, as well as Firefox and Safari.