

<rss version="2.0"
	xmlns:atom="http://www.w3.org/2005/Atom" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:admin="http://webns.net/mvcb/"
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
		
	<channel>
		<title>RSS Feeds :: DEVPPL - Forums > CSS Forum : Topics : Make a Div move on hover</title>
	<!--<atom:link href="http://www.devppl.com/forum" rel="self" type="application/rss+xml" />-->
		<description>TOGETHER WE ARE THE BEST</description>
		<link>http://www.devppl.com/forum</link>
		<language>en-gb</language>
		<pubDate>Tue, 17 Aug 2004 14:07:13 +0100</pubDate>
		<lastBuildDate>Mon, 23 Nov 2009 23:00:07 +0000</lastBuildDate>
		<docs>http://blogs.law.harvard.edu/tech/rss</docs>
		<generator>MSSTI v0.0.1 - (C) 2008 leviatan21 - http://www.mssti.com/</generator>
		<copyright>Copyright : (c) RSS Feeds :: DEVPPL - Tue, 17 Aug 2004 14:07:13 +0100</copyright>
		<dc:creator>webmaster@devppl.com (DEVPPL)</dc:creator>

		<image>
			<title>RSS Feeds :: DEVPPL - Forums > CSS Forum : Topics : Make a Div move on hover</title>
			<url>http://www.devppl.com/forum/styles/DEVPPL-v2/imageset/site_logo.gif</url>
			<link>http://www.devppl.com/forum</link>
		</image>
		<ttl>60</ttl>
		
		<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48779#p48779</link>
				<description><![CDATA[No problem. Glad to help <img
src="http://www.devppl.com/forum/images/smilies//icon_wink.gif" alt=";)"
title="Wink" /><p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=15155">rangana</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[No problem. Glad to help <img
src="http://www.devppl.com/forum/images/smilies//icon_wink.gif" alt=";)"
title="Wink" />]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[15155]]></dc:creator>
			<dc:date>2008-12-23T04:03:47+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48779#p48779</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48778#p48778</link>
				<description><![CDATA[Ooh I get it, thanks <img
src="http://www.devppl.com/forum/images/smilies//icon_smile.gif" alt=":)"
title="Smile" /><p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[Ooh I get it, thanks <img
src="http://www.devppl.com/forum/images/smilies//icon_smile.gif" alt=":)"
title="Smile" />]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2008-12-23T04:02:55+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48778#p48778</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48777#p48777</link>
				<description><![CDATA[  The script actually acts as if your pointing to a CSS rule of an element.
You can replace the part inside the<span style="font-weight: bold">$</span>
 function to target the element of your desire, including IDs.<br /><br
/>Here's a basic example:<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style><br />ul {<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:1px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:100px;<br />&nbsp;
&nbsp;background:#565656;<br />&nbsp; &nbsp;height:30px;<br />&nbsp;
&nbsp;text-align:center;<br />&nbsp; &nbsp;font-family:"Trebuchet
MS",arial,tahoma;<br />&nbsp; &nbsp;font-size:10pt;<br />&nbsp;
&nbsp;line-height:30px;<br />&nbsp; &nbsp;text-decoration:none;<br />&nbsp;
&nbsp;color:#9c0;<br />&nbsp; &nbsp;font-weight:bold;<br />&nbsp;
&nbsp;}<br /></style><br /><script type="text/javascript"
src="http://rangana.moonylist.com/rac/jquery.js"></script><br /><script
type="text/javascript"><br />$(document).ready(function()<br />&nbsp;
&nbsp;{<br />&nbsp; &nbsp;$('#myul a').hover(<br />&nbsp; &nbsp; &nbsp;
function()<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{<br />&nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;$(this).animate({marginLeft:'30p</code></dd></dl>...<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=15155">rangana</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[  The script actually acts as if your pointing to a CSS rule of an element.
You can replace the part inside the<span style="font-weight: bold">$</span>
 function to target the element of your desire, including IDs.<br /><br
/>Here's a basic example:<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style><br />ul {<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:1px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:100px;<br />&nbsp;
&nbsp;background:#565656;<br />&nbsp; &nbsp;height:30px;<br />&nbsp;
&nbsp;text-align:center;<br />&nbsp; &nbsp;font-family:"Trebuchet
MS",arial,tahoma;<br />&nbsp; &nbsp;font-size:10pt;<br />&nbsp;
&nbsp;line-height:30px;<br />&nbsp; &nbsp;text-decoration:none;<br />&nbsp;
&nbsp;color:#9c0;<br />&nbsp; &nbsp;font-weight:bold;<br />&nbsp;
&nbsp;}<br /></style><br /><script type="text/javascript"
src="http://rangana.moonylist.com/rac/jquery.js"></script><br /><script
type="text/javascript"><br />$(document).ready(function()<br />&nbsp;
&nbsp;{<br />&nbsp; &nbsp;$('#myul a').hover(<br />&nbsp; &nbsp; &nbsp;
function()<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{<br />&nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;$(this).animate({marginLeft:'30p</code></dd></dl>...]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[15155]]></dc:creator>
			<dc:date>2008-12-23T03:58:42+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48777#p48777</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48776#p48776</link>
				<description><![CDATA[Wow that's great thanks! How do I make it so I can have two lists, one that
has the effect and one that doesn't?<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[Wow that's great thanks! How do I make it so I can have two lists, one that
has the effect and one that doesn't?]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2008-12-23T02:02:20+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48776#p48776</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48762#p48762</link>
				<description><![CDATA[  Some fancy motion <img
src="http://www.devppl.com/forum/images/smilies//icon_wink.gif" alt=";)"
title="Wink" /><br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style><br />ul {<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:1px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:100px;<br />&nbsp;
&nbsp;background:#565656;<br />&nbsp; &nbsp;height:30px; <br />&nbsp;
&nbsp;text-align:center;<br />&nbsp; &nbsp;font-family:"Trebuchet
MS",arial,tahoma;<br />&nbsp; &nbsp;font-size:10pt;<br />&nbsp;
&nbsp;line-height:30px;<br />&nbsp; &nbsp;text-decoration:none;<br />&nbsp;
&nbsp;color:#9c0;<br />&nbsp; &nbsp;font-weight:bold;<br />&nbsp;
&nbsp;}<br /></style><br /><script type="text/javascript"
src="http://rangana.moonylist.com/rac/jquery.js"></script><br /><script
type="text/javascript"><br />$(document).ready(function()<br />&nbsp;
&nbsp;{<br />&nbsp; &nbsp;$('ul li a').hover(<br />&nbsp; &nbsp;&nbsp;
&nbsp;function()<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;{<br />&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;$(this).animate({marginLeft:'30px',backgroundColor:'#565656'},'normal');<br
/>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;},<br />&nbsp; &nbsp;&nbsp;
&nbsp;function()<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;{<br />&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;$('ul li
a').animate({marginLe</code></dd></dl>...<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=15155">rangana</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[  Some fancy motion <img
src="http://www.devppl.com/forum/images/smilies//icon_wink.gif" alt=";)"
title="Wink" /><br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code> <br /><style><br />ul {<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:1px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:100px;<br />&nbsp;
&nbsp;background:#565656;<br />&nbsp; &nbsp;height:30px; <br />&nbsp;
&nbsp;text-align:center;<br />&nbsp; &nbsp;font-family:"Trebuchet
MS",arial,tahoma;<br />&nbsp; &nbsp;font-size:10pt;<br />&nbsp;
&nbsp;line-height:30px;<br />&nbsp; &nbsp;text-decoration:none;<br />&nbsp;
&nbsp;color:#9c0;<br />&nbsp; &nbsp;font-weight:bold;<br />&nbsp;
&nbsp;}<br /></style><br /><script type="text/javascript"
src="http://rangana.moonylist.com/rac/jquery.js"></script><br /><script
type="text/javascript"><br />$(document).ready(function()<br />&nbsp;
&nbsp;{<br />&nbsp; &nbsp;$('ul li a').hover(<br />&nbsp; &nbsp;&nbsp;
&nbsp;function()<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;{<br />&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;$(this).animate({marginLeft:'30px',backgroundColor:'#565656'},'normal');<br
/>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;},<br />&nbsp; &nbsp;&nbsp;
&nbsp;function()<br />&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;{<br />&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;$('ul li
a').animate({marginLe</code></dd></dl>...]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[15155]]></dc:creator>
			<dc:date>2008-12-22T05:53:22+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48762#p48762</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48752#p48752</link>
				<description><![CDATA[Spoke on msn, thanks <img
src="http://www.devppl.com/forum/images/smilies//icon_smile.gif" alt=":)"
title="Smile" /><p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[Spoke on msn, thanks <img
src="http://www.devppl.com/forum/images/smilies//icon_smile.gif" alt=":)"
title="Smile" />]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2008-12-21T18:40:15+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48752#p48752</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48749#p48749</link>
				<description><![CDATA[I changed it a little now so the bar that pops out is always the same
length.<br /><br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code>ul {<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;margin:0px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:0px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;color:white;<br />&nbsp; &nbsp;background-color:black;<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:50px;<br />&nbsp; &nbsp;}<br
/>li a:hover {<br />&nbsp; &nbsp;background-color:black;<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;text-align:right;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br /></code></dd></dl><br />Live at
"http://filesharebox.co.uk/test/" onclick="this.target='_blank';"
rel="nofollow"<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=10862">Johnathan</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[I changed it a little now so the bar that pops out is always the same
length.<br /><br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code>ul {<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;margin:0px;<br />&nbsp; &nbsp;}<br />li {<br />&nbsp;
&nbsp;margin:0px;<br />&nbsp; &nbsp;padding:0px;<br />&nbsp;
&nbsp;list-style: none;<br />&nbsp; &nbsp;}<br />li a {<br />&nbsp;
&nbsp;color:white;<br />&nbsp; &nbsp;background-color:black;<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;width:50px;<br />&nbsp; &nbsp;}<br
/>li a:hover {<br />&nbsp; &nbsp;background-color:black;<br />&nbsp;
&nbsp;display: block;<br />&nbsp; &nbsp;text-align:right;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br /></code></dd></dl><br />Live at
"http://filesharebox.co.uk/test/" onclick="this.target='_blank';"
rel="nofollow"]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[10862]]></dc:creator>
			<dc:date>2008-12-21T18:13:28+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48749#p48749</guid>
		</item>
			<item>
			<title>Re: Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48747#p48747</link>
				<description><![CDATA[I got something. Not sure if it's exactly what you want but here it is.<br
/><br />Here's the HTML<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code><ul><br /><li><a href="#">Link1</a></li><br /><li><a
href="#">Link2</a></li><br /><li><a href="#">Link3</a></li><br /><li><a
href="#">Link4</a></li><br /><li><a href="#">Link5</a></li><br /></ul><br
/></code></dd></dl><br /><br />And your CSS<br /><dl
class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return
false;" class="postlink-local">Select all</a></dt><dd><code>ul {<br
/>&nbsp; &nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;}<br />li {<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;list-style: none;<br />&nbsp;
&nbsp;}<br />li a {<br />&nbsp; &nbsp;color:white;<br />&nbsp;
&nbsp;background-color:black;<br />&nbsp; &nbsp;display: block;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li a:hover {<br />&nbsp;
&nbsp;background-color:black;<br />&nbsp; &nbsp;display: block;<br />&nbsp;
&nbsp;text-align:right;<br />&nbsp; &nbsp;}<br /></code></dd></dl><br /><br
/>Here's a working example. "http://filesharebox.co.uk/test/"
onclick="this.target='_blank';" rel="nofollow"<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=10862">Johnathan</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[I got something. Not sure if it's exactly what you want but here it is.<br
/><br />Here's the HTML<br /><dl class="codebox"><dt>Code: <a href="#"
onclick="selectCode(this); return false;" class="postlink-local">Select
all</a></dt><dd><code><ul><br /><li><a href="#">Link1</a></li><br /><li><a
href="#">Link2</a></li><br /><li><a href="#">Link3</a></li><br /><li><a
href="#">Link4</a></li><br /><li><a href="#">Link5</a></li><br /></ul><br
/></code></dd></dl><br /><br />And your CSS<br /><dl
class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return
false;" class="postlink-local">Select all</a></dt><dd><code>ul {<br
/>&nbsp; &nbsp;padding:0px;<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;}<br />li {<br />&nbsp; &nbsp;margin:0px;<br />&nbsp;
&nbsp;padding:0px;<br />&nbsp; &nbsp;list-style: none;<br />&nbsp;
&nbsp;}<br />li a {<br />&nbsp; &nbsp;color:white;<br />&nbsp;
&nbsp;background-color:black;<br />&nbsp; &nbsp;display: block;<br />&nbsp;
&nbsp;width:100px;<br />&nbsp; &nbsp;}<br />li a:hover {<br />&nbsp;
&nbsp;background-color:black;<br />&nbsp; &nbsp;display: block;<br />&nbsp;
&nbsp;text-align:right;<br />&nbsp; &nbsp;}<br /></code></dd></dl><br /><br
/>Here's a working example. "http://filesharebox.co.uk/test/"
onclick="this.target='_blank';" rel="nofollow"]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[10862]]></dc:creator>
			<dc:date>2008-12-21T17:59:27+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48747#p48747</guid>
		</item>
			<item>
			<title>Make a Div move on hover</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=48739#p48739</link>
				<description><![CDATA[How can I make a Div move on hover? I'm wanting to create a fancy
navigation whereby when the user hovers over the link, the background and
the text will move out of alignment with the other links. Example:<br /><br
/>////[Link]<br />////[Link]<br />////////[Link] (hovered over)<br
/>////[Link]<br /><br />/= Solid block of colour.<br /><br /><br />Thanks<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=3687">Tomi</a> &bull; on Sun Dec 21, 2008 5:38 pm &bull; Replies 8 &bull; Views 1048</p><hr />]]></description>
					<content:encoded><![CDATA[How can I make a Div move on hover? I'm wanting to create a fancy
navigation whereby when the user hovers over the link, the background and
the text will move out of alignment with the other links. Example:<br /><br
/>////[Link]<br />////[Link]<br />////////[Link] (hovered over)<br
/>////[Link]<br /><br />/= Solid block of colour.<br /><br /><br />Thanks]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=43"><![CDATA[CSS Forum]]></category>
			<dc:creator><![CDATA[3687]]></dc:creator>
			<dc:date>2008-12-21T16:38:51+00:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=48739#p48739</guid>
		</item>
	
	</channel>
</rss>