2012-08-28, 07:31 PM

It's been getting over my head now, I tried many things but it's not getting to work.
The thing is, I'm aligning an image to top right corner and it displays correct according to my display (1600 x 900 resolution).
Here is the code for it:
<span style="float: right; background: #333333; border-right: 1px solid #454545; border-left: 1px solid #454545; border-bottom: 1px solid #454545; margin-top: -10.1%; margin-right: -1.9%; padding: 0.4%;"><a href="#" onclick="MyBB.popupWindow('http://www.ubers.org/pokes.php', 'pokes', 500, 350);"><img src="images/Ub3r/poke.png" alt="nopokes" title="You have no new pokes" /></a></span>
But for lower and higher resolutions, it's not aligned properly. And even more great, IE doesn't even display the image but just that square box made up of CSS properties in above code; but the source shows that image is present, in IE.
I've actually tried doing a lot of searching, tried somethings, but couldn't got to work. If you've any experience working with margins, it would be appreciated.