<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SPIRALOZDOTCOM &#187; XHTML</title>
	<atom:link href="http://www.spiraloz.com/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.spiraloz.com</link>
	<description>somehow you ended up here.</description>
	<lastBuildDate>Tue, 25 Nov 2008 05:41:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Pure CSS Flyout Menus &amp; IE6</title>
		<link>http://www.spiraloz.com/2008/01/30/pure-css-flyout-menus-ie6/</link>
		<comments>http://www.spiraloz.com/2008/01/30/pure-css-flyout-menus-ie6/#comments</comments>
		<pubDate>Wed, 30 Jan 2008 10:30:51 +0000</pubDate>
		<dc:creator>Sebconn</dc:creator>
				<category><![CDATA[Nerdy]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dev]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[NAVT]]></category>
		<category><![CDATA[play]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[whatever]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.spiraloz.com/2008/01/30/pure-css-flyout-menus-ie6/</guid>
		<description><![CDATA[I&#8217;ve been spending quite a few hours lately trying to refine a pure CSS flyout menu for a clients website recently. I wanted to use CSS because I didn&#8217;t want to mess with the html that the dynamic menu I was using (NAVT) output. So I went with a nice one from CSS play. Nice [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been spending quite a few hours lately trying to refine a pure CSS flyout menu for a clients website recently. I wanted to use CSS because I didn&#8217;t want to mess with the html that the dynamic menu I was using (<a href="http://www.google.com.au/url?sa=t&amp;ct=res&amp;cd=2&amp;url=http%3A%2F%2Fwordpress.org%2Fextend%2Fplugins%2Fwordpress-navigation-list-plugin-navt%2F&amp;ei=L1GgR6uqOI_gpgTv2rm0DQ&amp;usg=AFQjCNHG-OvhuLu6aIFpHx_uVrp6yh2hjg&amp;sig2=MdvIqRH_tS-ljj0yiIe9dg">NAVT</a>) output. So I went with a nice one from <a href="http://www.cssplay.co.uk/menus/flyoutt.html">CSS play</a>. Nice and basic, pure CSS, even for IE6, although, it required a table to be placed around nested un-numbered lists, which meant screwing around with NAVT PHP, which I wasn&#8217;t real keen on. Today I stumbled upon the holy grail. It&#8217;s a tidy little htc file with some javascript, that, in short, allows any tag have a hover option within IE6, allowing your nice CSS flyout menus to work in IE6, fantastic stuff. It&#8217;s called <a href="http://www.xs4all.nl/~peterned/csshover.html">Whatever:hover</a> and I highly recommend this little gem, it takes the stress out of IE6 optimisation in an XHTML world&#8230; wow that was lame.</p>

<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.spiraloz.com%2F2008%2F01%2F30%2Fpure-css-flyout-menus-ie6%2F&amp;title=Pure+CSS+Flyout+Menus+%26%23038%3B+IE6" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</span>]]></content:encoded>
			<wfw:commentRss>http://www.spiraloz.com/2008/01/30/pure-css-flyout-menus-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
