I use quite a few layers in Dreamweaver and just noticed that some of my layers aren't lining up the same in IE as they do in my Firefox. Apparently slightly more people that visit my site use IE than Firefox, so some of the layers are overlapping slightly, giving it an unprofessional quality, any way to fix this?
Do you have a link to the page in question so that we can take a look? Different browsers do sometimes render paddings and margins differently, so that *might* be the issue, but I wont know without seeing it first really.
You can "reset" your css before starting to design a website. Reset code: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ More details: http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/
The issue is you are mixing tables and CSS, which isn't working well. Then on top of that IE renders font sizes differently so it is pushing those DIV Layers down some. If you add a line int he body section line-height: 18px; Code (markup): it will semi straighten things up because it sorta forces both browsers to use the same spacing between lines.. Other than that it would be hard to fix all that stuff without using just CSS instead of tables.