The problem appears to be with the z-index and should be solved by putting in a high z-index no in the article.notepad however if I do this on the test page or in wordpress site it fails.
I have been banging my head against a brick wall on this one. Any help form all you WordPress, CSS3 & html5 gurus would be appreciated. Below is the source html and then the CSS. it is exactly the same code in the wordpress site.