Help with #menu on IE PC

I’ve tried to embrace CSS fully on my new template, but now I’m having problems across platforms.
Last night, I stripped out the tables and replaced them with CSS. It looked great on my Mac. Now, the formating on my menu has gone haywireon a PC running IE 6.0 : http://www.frolicofmyown.com
The first problem is that the first title “JAZZ” (should be #menu ul li) is indented.
The list (should be #menu ul ul li) hasthe letter spacing of the higher up list (the letters should be closer together).
If you look at the search form and the “All Consuming” item at the bottom, it’s clear that the items above are indented.
Here are my thoughts on what might be going wrong:
1) Using the #menu division for both the menu formatting and the positioning of the column might be a bad idea. Don’t know why, but it’s a guess.
2) The structure for the menu might be ill formed. Here is how I’ve set it up:

• Title of list

• 1st link




• 2nd link




`
Any help is greatly appreciated.