It's always a browser problem, isn't it? Options

[ChasingLife87]

Okay. I'm working on touching up my subdomain right now, and I had the neatest idea. Everyone's seen those "make poverty history" banners in the upper right corner of most subdomains. Well, I wanted to do something like that for a link back to createblog. The transparent gif is no issue, the image mapping is no issue... it's just the darn alignment!

I'm using this code:

CODE

#cblink {
position: absolute;
padding-right: 0px;
vertical-align: top;
float: right;
margin-right: 0px;
margin-top: 0px;
z-index: 2;
}

In IE, it's mostly aligned (it pushes it slightly to the right, though, and then you have to scroll over a teensy bit.

In Firefox (which is what I use almost exclusively, and more and more people do as well), it's randomly down by my frames, under my header and all.

Is there another way to align it?

Or if not, is there SOME advanced script where I could only have it display if it is being viewed on IE?

Thanks again, guys.

[talcumpowder]

It's a script hosted on their website. Maybe you can modify it... I don't do Javascript. Seems fairly simple though.... ^_^u

<!-- begin code provided by createblog.com --><br />document.write('<style><!-- @import url(http://www.makepovertyhistory.org/whiteband.css); --></style>'<br />+ '<div class="MPHWhiteBandSmallRight"><img src="http://www.makepovertyhistory.org/whiteband_mphtranslinkimg.gif" width="163" height="163" border="0" usemap="#MPHLinkMapSmallRight"></div>'<br />+ '<map name="MPHLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0" href="http://www.makepovertyhistory.org/index.shtml?entry=cornerwhitebandsmallright" target="_blank"></map>'<br />);<br /><!-- end code provided by createblog.com -->

(Oh yeah, this is for the small, on the right one. Whatever that means.