Artisteer Moodle header image problems with IE8 Solved

The new template creator with Artisteer works really well created custom templates for Moodle . These work really well with IE9 and 10, Chrome and Firefox. Unfortunately my client still uses Windows XP and IE8.  The header doesn't work in IE8 so, I am greeted with a whole host of problems. in the way that the image is displayed. In some cases since this moodle template has a left and a right column  the centre one with all the information disappears. So the problem is no header, and sometimes no content. The template of course works ok in IE9 an Chrome etc.

This is the same website in the same browser but in IE9 mode.
I switch from on ie version to another using F12 an then in the code window clicking on the Browser Mode. This gives a fairly faithful representation of IE8.

It is necessary to change the Standards as well.


So the problem is that in IE 8  The headers display for a second and then disappear,

Solving the problem.

After playing around with this a a few hours the solution is quite simple..

In Artisteer create the template as normal.

Here there is a simple header and a plain background. IE 8 can only cope with plain backgrounds. It cannot render gradients. These need to be done with images.
Using a screen capture program such as snagit, capture the header graphic from Artisteer and then put it back into the background as a centred background. Add a file image to the background. This background image disappears under the current header, but after it is exported it now looks the same in IE8 and IE9