Hi I am designing this website using the word press-elegant themes. The issue is when i look at this website using IE Browser from my computer or any other computer from my organization it does not show background image or shows only partial image. But when I look at it using firefox, it comes out clean. Now on some computers it looks perfect on IE too. Have no clue of this. Any expert can check into this? URL: http://www.kathawala.com/chemic-engineers/
background-size isn't supported in older versions of IE. Have a read of this: http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie/6353808#6353808
So where does this code go into wordpress? Style.css file? I copied it in Style.css but makes no changes? Also i just realized that I have IE V8 which is latest version. So there should be no question on compatibility correct? Would you mind to tell me how does this site look on your computer?
No such thing as perfection. Not any different in this case. I just checked your website, and I can tell you that it looks TWICE as good without that eye-hurting background image, and I'm NOT color-blind. Generally speaking, having a huge bandwidth-consuming background image is a very bad idea in the first place. Even more so when its dimensions are 2,237px × 1,356px -- more than 1.2M's!!! FYI, that's, at least, FIVE TIMES the maximum size of a properly written and accessible theme (that's markup+styles+images+scripting). Now as for the compatibility: you just CANNOT talk about compatibility when you've got non semantic presentational markup with that many classes, scripting for nothing and a 1:30 content to markup ratio. I would suggest you to change the color of the text in your main menu before testing anything on IE, because dark gray on blue is clearly not enough contrast for a 10 year-old eyes.