Using Internet Explorer, the unordered list remains below the paragraph of text even though it is floated to the left. Firefox seems to interpret it correctly. The problem does not seem difficult, and probably already been covered millions of times, but I cannot seem to find a solution.

The page in question can be found at the following:
http://www.mymobility.us/comp2.htm

Possible solutions :

Set padding to 0px on both elements

Reduce width on one of them. There's no space at all between them and sometimes IE (at least older versions) requires some space between

Set margins to 0px. The 540px margin on the list doesn't do anything anyway if your plan works.

And
is unnecessary.
is all you need, because id's should be unique.

And it looks as intended in Opera 8

Thanks fish.

As far as I can tell, I'm not the smartest tool in the tool shed, I need margin-left for Firefox; I realize this is not the case with Internet Explorer.

I had tried making the widths smaller but it messed up the background because I was using background-color. It occurred to me that I could use a background image and not worry about the precise positioning. That said, that is what I've done and all is working as expected.