CSS website layout issues between firefox and IE ? HELP!?

[dekemcaffee]

My webpage appears properly in IE 7 but has a few differences in firefox two regarding images and margins. I know there are differences between the browsers but I don't know how to find them or what to change.
The images are absolute positioned with this code:
The other problem is that I am missing bottom margin space on two of my pages between form buttons and the cf include lower nav bar. Do I need to add padding?
What do you think and where can I go other than going to our local web design company (http://www.webdesigningcompany.net) ( in my case) to learn how to adjust for things in firefox when they work in IE. I test mostly in IE as over 90% of my viewers use it (version 6 and 7).

[Game Makker]

If your debugging your css try and comment out certain things and see what difference it makes in BOTH browsers. It may help you see what line(s) is causing the headaches.

Hope that helps.

[geeekness]

To add to Game Makkers comment regarding debugging, I find it very useful to add red borders and red backgrounds to random objects to make sure they are behaving like I want them to.

Another alternative is to download the FireBug add on to firefox...it's been a lifesaver!

Also, it's always best in Firefox because Firefox follows better standads than IE, so if you test in IE you are more than likly only going to get IE results, whereas if you test in Firefox you will have a better chance of hitting two birds with one stone.

Try testing in Firefox and fixing firefox first...then test in IE. From there try using Conditional Comments for IE...those use to come in handy with me when I was starting out.

[Game Makker]

Yeah. I always try and avoid borders because that extra 2 pixels may force the design to brake BUT the red background is my fav lol.

Firefox is much better at showing you what is actually wrong whereas IE likes to mess around and display something entirely c**p.