Aligning IE & FF (the way) & different browser, Differnt image

its annoying to see ur made layouts position is not in the correct area in other browser..
im a firefox user, so everytime i make lay.. when viewing it with IE, the position isnt the same as the FF..bcoz as we all know that this two browser differs a lot from each other..


this tutorial is for.. positioning ur IE and FF in one css extension..

try this, for example ur making lay using FF.. ur positioning the width..

width: 400px; as well all know, sumtyms that codes works only in FF not in IE..
so i think as a solution for this..
do this: instead of having one.. will make it two.. like this... and you can use it with other css codes..

width: 400px ! important; (this is for Firefox)
width 400px; (this if for Internet explorer)

and u can use it in background-image too... u can even use two images...
so that when you open it with Firefox and IE.. the image are not the same...

follow this link: it will lead you to the code.css..
http://h1.ripway.com/xelcris/aligningIEFF.css


and this is the PReview!! see this in BOth IE browser and FireFox browser..
and you will see what i mean...
http://profiles.friendster.com/91968753

i forgot.. outline code works only in Firefox.. i think!!

outline is the line outside of the border..

tnx for reading.. again!!

View it with Firefox and Internet Explorer to see whats going on!!