I searched and could not find any subject with regards to compatibility mode with regards to internet explorer.

I am working on a site that only has one minor issue with regards to the photo widgets on the page. I am using the fixed tab tweak for my menu titles and everytning is set up to run under this menu on the site as you scroll down

Everything is working 100% so far, except the photo widgets on the page(when you scroll they run over top of the menu bar in internet explorer 11 and Chrome or any other version of a browser.
If i switch to compatibility mode in internet explorer it runs perfect. The widgets run under the menu bar as i have designed in XARA 9
If i dont run in compatibilty mode in the browser it runs over top of the menu bar which is what i had not intended.

1.Is there a code I can add to the page so that when the customer goes in to the site it automatically changes to compatibilty mode or is this an issue with XARA with the current browsers?
2. Is this just an issue with the photo widgets in xara?

I have checked the layers in XARA and it all looks good

Everything I have on the page runs under my top menu bar (fixed tab tweak) when you scroll down the page except for the 4 photo widgets i have placed on the page.


Here is the test site I am building to test it out. It is no where complete. All i know is that if i switch to compatiblity mode in internet explorer it runs the way i designed it to be and that is having the widgets run show under the menus at the top

Here is an example os th issue

http://www.blueprint4artists.com/

Any suggestions?