--- trunk/lib/Frey/Web/IFrame.pm	2008/12/26 01:32:09	907
+++ trunk/lib/Frey/Web/IFrame.pm	2009/01/02 17:14:15	910
@@ -25,9 +25,26 @@
 		}
 	`);
 
+	$self->add_css(q|
+		#ifr_close {
+			position: absolute;
+			font-size: 50%;
+			right: 0.5em;
+			border: 1px solid #888;
+			background: #fff;
+			z-index: 10;
+			opacity: .2;
+			filter: alpha(opacity=20);
+		}
+		#ifr_close:hover {
+			opacity: 1;
+			filter: alpha(opacity=100);
+		}
+	|);
+
 	return qq|
 	<div>
-		<a href="#" id="ifr_close" style="display:none;" onclick="ifr_close();return false;">close</a><span id="ifr_loading" style="display: none; background: #ff8;">Loading...</span>
+		<a href="#" id="ifr_close" style="display:none;" onclick="ifr_close();return false;" title="close iframe">X</a><span id="ifr_loading" style="display: none; background: #ff8;">Loading...</span>
 		<!-- we really need src="#" here to avoid onload when page loads -->
 		<iframe src="#" name="transport_iframe" id="transport_iframe" style="display: none;" frameborder=0 border=0 onload="ifr_transfer(this);"></iframe>
 		<div id="ifr_target" style="display: none"></div>