absolute positioning moves in IE:
here is the code:
here is a test page http://www.bearsdensom.com/test/, its the xmas vouchers thats the problem.
they are static in FF, Chrome, Safari, & Opera, but in IE8 when hovering the button moves to the left about 20px;
why? the code is virtually the same apart from the colours
Works fine for me on FF3 and IE7, and using IE Tester it also works on IE6 and IE8 beta 2
it moves only on hover in IE I got IE8, but after you have hovered it stays where it went to which is about 20 pixels more to the left.
in IE hover then refresh, hover then refresh, you will see it happen
I uploaded 3 image and I put a red line from the right top edge and moved it up to show you what is going on all in IE8.
forgive that the page looks as if it is sitting on another page, but that is just me pasting my screenshot.
Ok well for me the button is to the right, outside the main part of the website.
I think you havea problem…
Have you added a position to the div that its contained in? So the <div class="banner"> should have a position of relative, then the absolute postion would be defined by the div banner box…
I added a position:relative to the banner CSS but does not alter anything, IE still showing it moving slightly
could you screenshot that for me please?
I think I got it now:
this is my new code and it seems ok on 1024×768 & 1280×1024
it seems to sit perfectly, i changed my CSS to:
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".