FireFox seems to render my webpage perfectly; however, IE7 has three rendering quirks (two of which may be related to list styles). I am a fairly technical person but I am by no means an experienced web developer--any assistance offered would be greatly appreciated.

1. In IE7, the gray background image that highlights the current navigation location in the menubar is not the correct height. (see: div id=body_menubar). In the image below, the correct rendering is on the left (in FireFox)



2. In IE7, the text under recent music history and recent blog posts is shifted to the right. Although these are dynamically generated, they both use css-specified unordered list styles (e.g., ul.recent_tracks and ul.blog_feed). Again, in the image below, the correct rendering is on the left (in FireFox).




3. In IE7, the blue-to-gray gradient does not seem to disappear into the gray background color of the website even though I used websafe colors (and it renders flawlessly in FireFox).

Thanks in advance!

Jon