This question refers to website/page
www.tremyfoel.co.uk/beaches.htm
I am using a simple javascript function to load the beach info from a hidden iframe into a div. I am also using simple css tooltip and a simple css popup script all of this works fine in Firefox, chrome, Opera, Safari but in IE8:
- page is not centered
- tooltips don't work
- popup (PopUp2, onclick on the dog icon) is opened on load and is not positioned correctly - inline instead of top right (PopUp, triggered by onclick on the blue flag, works fine)
The javascript is dw_loader.js (more info http://www.dyn-web.com/tutorials/iframes/hidden.php)
css tooltip: http://www.impressivewebs.com/pure-css-tool-tips/
css popup: http://codesnippets.joyent.com/posts/show/708
My suspicion is that this is browser rendering, else it would show in the other browsers
All advice appreciated.