IE and Firefox alignment issues with dreamweaver accordian

http://www.themanthatcan.com/cssissues/

I've been having a lot of trouble with element positioning. I've used dreamweaver to come up with the accordian nav bar on the left. It works fine with firefox but you'll notice things are out of line in IE. I've been trying different tricks all evening but have drawn a blank - any ideas?

Eventually I need the layout to look like this:

http://www.themanthatcan.com/cssissues/webskin.jpg

I fear that I'm getting into a mess but I should fix one thing at a time before carrying on

Any ideas very very welcome.

Cheers,

Richard

 

try using position: relative; for the nav bar and use float: left; to align it to left