Multy Browser Compatibility?

I use the pro version and I generally use firefox as my web browser. I was checking my web site from Internet explorer and noticed it doesn't look the same. Is there any coding to make it compatible? Or more compatible?

Here's the differences I noticed:

• On IE rather than circle featured images on the homepage they are squared.
  
• On IE my screen appears smaller - for instance on firefox my 5 newest blog posts span nicely across the page and on firefox it gets cut off (see image)
  
  
  
  
• In the header where I added on some social icons, firefox displays fine, but IE actually makes one I took out the code for appear as a broken image and cut off (see image)
  
  How it's supposed to appear
  
  How it appears on IE (the red line actually was part of the menu in the screen shot so ignore that part)

http://www.closetsamples.com

 

1.For your first issue

IE does not support Css3 therefore it is not possible to make feature image round in IE browsers.

2.For your second issue.

Go to header.php present in your theme directory and add the code given below

Code:

<!--[if IE 7]>
<style>
.feature-post .feature-box {
margin-right:10px;}
</style>
<![endif]-->
<!--[if IE 8]>
<style>
.feature-post .feature-box {
margin-right:10px;}
}
</style>
<![endif]-->
<!--[if lte IE 9]>
<style>
.feature-post .feature-box {
margin-right:10px;}
</style>
<![endif]-->

Sending image for reference




3.For your third issue

Please check your customization and decrease width of icon .

 

It worked! Thanks so much!