<?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>eligeske &#187; CSS</title>
	<atom:link href="http://eligeske.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://eligeske.com</link>
	<description>My day to day journey through the world wide web.</description>
	<lastBuildDate>Fri, 03 Sep 2010 13:21:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>&#8220;»&#8221;  Magically Appears in WP!</title>
		<link>http://eligeske.com/css/%c2%bb-magically-appears-in-wordpress/</link>
		<comments>http://eligeske.com/css/%c2%bb-magically-appears-in-wordpress/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 17:12:10 +0000</pubDate>
		<dc:creator>eligeske</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://eligeske.com/?p=156</guid>
		<description><![CDATA[<img style="float: left;" src="http://eligeske.com/wp-content/uploads/2009/11/category-wordpress.jpg" alt="Wordpress Firefox bullet issues"  width="150" height="150" class="alignnone size-full wp-image-73" /> » = &#038; #187; or & raquo; is showing up in my < li >'s in Firefox but not in IE. What the heck! Here is how to fix this very unusual CSS placement. ]]></description>
			<content:encoded><![CDATA[<p>THIS HAS NOTHING TO DO WITH LIST-STYLE-TYPE!!!!</p>
<p>So today a client&#8217;s wordpress theme was having these »&#8217;s show up next to all their bullets in Firefox, but not in IE.  I used firebug but the css was not showing up for what was creating it.  <img src='http://eligeske.com/wp-includes/images/smilies/icon_neutral.gif' alt=':|' class='wp-smiley' />  Very strange.<br />
»  	  	is an angle quotation mark (right), and can be displayed using &amp;#187; or &amp;raquo; .  So naturally I searched my css and all theme files for these HTML snippets.  I found a bunch but none I needed.  After doing some online searching I found that in some themes they use the li:before to place, a not so commonly used css element (firebug didn&#8217;t even display it), the symbol there.  But the weird thing is the css.  Check it out below, if you find this in your css anywhere, just remove it or comment it out and it will remove the arrows.</p>
<div class="wp-synhighlighter-inner"><pre class="css" style="font-family:arial;"><span style="color: #6666ff;">.entry</span> ul li<span style="color: #3333ff;">:before</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#sidebar</span> ul ul li<span style="color: #3333ff;">:before </span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot;<span style="color: #000099; font-weight: bold;">\0</span>0BB <span style="color: #000099; font-weight: bold;">\0</span>020&quot;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></p>
]]></content:encoded>
			<wfw:commentRss>http://eligeske.com/css/%c2%bb-magically-appears-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
