O.k I hope I'm not pushing my newbie luck here but I started to experiment. I installed widget logic thinking I could turn on the 'karate dude' graphic on the main page and have a 'meditation dude' graphic on the mediation page.
But when I did that the original graphic was turned off and the new one on but I had the field overlap problem return in I.E.
I then added the following after the original code zeniph was kind enough to write pointing to a different text widget with a different graphic, turned on this widget on a specific page and it did not look the same in I.E (same as the original problem)
//holds mediation man, give it some height to push the lower menu items down, here I changed the text block to the meditation graphic
//position meditation man absolutely on the screen, here I changed the text block to the meditation graphic
I went back to the original code. But my question simply is there a way that I can switch out the 'karate dude' when other pages are clicked? It would be neat to have a matching graphic i.e mediation dude for the mediation page, a kicker dude for a kicking page etc.
That would be the cherry on top.