Help with CSS Design Problems in IE

[Scooby_Doo]

Hey everybody,

I am currently working on a simple Website for a Thai University's Informatics Department. Right now I am using CSS for layout, and both the HTML and CSS are valid.

Everything works fine in Safari, Netscape, and Firefox, but in Mac IE and Windows IE it appears not to load correctly.

[Edit] from earlier post
The page is a standard set up with a top row navigation bar, and two bottom colums. It is designed using <div> tags. It is suppose to render all together top down, but in IE for Windows or Mac the <div>'s are spread all over the page, far apart, as if they have no {margin:} commands applied.

Thanks a lot.

Website: http://portfolio.iu.edu/tosdieme/informatics/index.html
CSS : http://portfolio.iu.edu/tosdieme/informatics/informatics.css[Edit] From Earlier Post

[MontyZ]

It would help if you described what CSS problem you are having.

[mnkeybsness]

I don't have access to either Internet Explorer at the moment, but I prefer not to use the display: inline; for li tags in a horizontal nav...


#nav ul { height: 20px; }
#nav li {
float: left;
width: 150px;
height: 20px;
margin: 0;
}

Or something to that effect. Just remember to set a height on the enclosing ul tag.