Alright, I've been in charge of designing a new site for internal use with our company (I'm an intern, CS major, so HTML coding and web design was not the basis for my education, so I might be missing something obvious). I've used a lot of div blocks to position items, and linked them to buttons that hide and show each piece of information. The problem I get (i'm designing in dreamweave) is that firefox and IE don't agree on placement. I have it optimized for IE right now, and can easily reposition everything to look good in firefox, but not both.

Again, all the positioning is done using div id's, in a large style block at the top. I had read about using different style sheets for different browsers, though I'm not sure how to do that. it seems like it should be possible to detect the browser, and then use the style tags (for instance #misc { position:absolute; left:93px, top:328px }, one set for IE, the other for firefox. Any idea's? Am I making sense?