Looks ok in IE but not Mozilla? (and who knows what else)

[west4me]

I have made this site to use google maps and have tried to validate it to the best of my ability. There are a couple of issues but I don't believe that any of them have to do with the layout. In my novice opinion the problem is in the css that validates with some color warnings.

I have made it so it looks good in IE because my students all use IE on their machines. My problem is that I do not know how to make it look correct in IE and then do the same in Mozilla. I would like other classrooms to be able to use the site.

Anyone want to take a look and make some suggestions?

My site (http://www.west4me.com/mapping/lc2.htm) Please be a little patient with the load time. One of the xml pages that is required is over 1mb.

[_Aerospace_Eng_]

Looks like a margin/padding issue. Padding counts for overall width. So if you set a width to something like 100px then add 10px padding total width is 120px. Also no need to use absolute positioning. Are you sure your students use IE? I'm a student and use Firefox. Check out this example http://bonrouge.com/2c-hf-fixed.php
instead of floating the left column to the left float it to the right and give the content a right margin rather than a left margin.

[west4me]

They are in my classroom so I'm sure they use IE. I can't get our administrator to switch. He says he can't control it as well.

I'll look into what you said and see what I can mess up :)

[drhowarddrfine]

In the sidebar, the list items are too wide causing them to push into the map area. With generated html it's hard to tell what's going on. Did you mean to make the margin on the li a negative? That's what's causing that.

BTW, I'm in St. Charles just west of St. Louis, coincidentally enough.