<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Futurebox, revisited</title>
	<atom:link href="http://www.thecssninja.com/css/futurebox2/feed" rel="self" type="application/rss+xml" />
	<link>http://www.thecssninja.com/css/futurebox2</link>
	<description>All things CSS, Javascript &#38; xhtml</description>
	<lastBuildDate>Tue, 07 Sep 2010 21:49:48 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
	<item>
		<title>By: The Css Ninja</title>
		<link>http://www.thecssninja.com/css/futurebox2/comment-page-1#comment-1177</link>
		<dc:creator>The Css Ninja</dc:creator>
		<pubDate>Thu, 18 Feb 2010 23:48:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.thecssninja.com/?p=523#comment-1177</guid>
		<description>@jakov - Thanks for pointing that out it seems to be more noticeable over the web then when I was originally doing it on my localhost. Luckily it&#039;s easily fixed, when the close anchor has focus it adds an outline around the link and since it&#039;s 100% height and width that causes the scrollbars to appear.

If you add this to the CSS it&#039;ll fix the issue:

&lt;pre lang=&quot;css&quot;&gt;
.overlay &gt; a:focus { outline: none; }
&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p>@jakov &#8211; Thanks for pointing that out it seems to be more noticeable over the web then when I was originally doing it on my localhost. Luckily it&#8217;s easily fixed, when the close anchor has focus it adds an outline around the link and since it&#8217;s 100% height and width that causes the scrollbars to appear.</p>
<p>If you add this to the CSS it&#8217;ll fix the issue:</p>

<div class="wp_syntax"><div class="code"><pre class="css css" style="font-family:monospace;"><span style="color: #6666ff;">.overlay</span> <span style="color: #00AA00;">&gt;</span> a<span style="color: #3333ff;">:focus </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">outline</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span>; <span style="color: #00AA00;">&#125;</span></pre></div></div>

]]></content:encoded>
	</item>
	<item>
		<title>By: jakov</title>
		<link>http://www.thecssninja.com/css/futurebox2/comment-page-1#comment-1176</link>
		<dc:creator>jakov</dc:creator>
		<pubDate>Thu, 18 Feb 2010 15:29:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.thecssninja.com/?p=523#comment-1176</guid>
		<description>My FF 3.5.7 has some weird behavior when clicking into the black area: It adds scrollbars to the whole page until I leave the mouse key.

Nice snippet though!!</description>
		<content:encoded><![CDATA[<p>My FF 3.5.7 has some weird behavior when clicking into the black area: It adds scrollbars to the whole page until I leave the mouse key.</p>
<p>Nice snippet though!!</p>
]]></content:encoded>
	</item>
</channel>
</rss>
