Can anyone take a look at my website satpeer.com and help me figure out why it is disfigured in Internet Explorer but works fine in Firefox/Chrome? I tried adding CSS resets to the top of my styles.css file, but that never worked out. I tried the YUI reset and resets I found off some various tutorials. If anyone is able to help, thanks a ton. I can post the source codes here if necessary, but you can find them on my website as well.
A site being "disfigured" in IE is expected and the norm since IE does not perform like modern browsers do. But "disfigured" is not a technical term and gives no indication as to the problem. Specify what exactly is wrong and which version of IE. IE9 does not work like IE8 which doesn't work like IE7 which doesn't work like IE6 and none of them work like modern browsers, Firefox/Chrome/Safari/Opera/etc.
You need to create separate style sheets for the IE version you are having problems with. You will put in a javascript or PHP function in the head of your index page to detect the user's browser and redirect them to the appropriate style page. In the CSS page you need to hard code the position of all the elements. 0, 0, 0, 0 use the built in CSS alignment capabilities. I am guessing you are probably using a lot of floats for your divs and that is why it is piling up in IE.
IE isn't really that great of a web browser. But yeah, do what Essentially87 said. You need to create a custom style for IE. Personally I wouldn't bother, but that's just me. Good luck!
Rob is right. IE is actually a pretty terrible browser. However, a lot of people use IE because it came with their Windows. You have to design for the general/casual user. Not us techies. I would make everyone run FireFox, Chrome, or Safari if I had my way but I don't. Have to cater to the masses.
i try to open your site in ie/chrome/firefox and they're all look the same. the only thing i notice is the menu. when you hover above it, it change size. you need to set it in you css