<?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>36Flavours.com &#187; IE</title>
	<atom:link href="http://36flavours.com/tag/ie/feed/" rel="self" type="application/rss+xml" />
	<link>http://36flavours.com</link>
	<description>A taste of something different...</description>
	<lastBuildDate>Mon, 19 Apr 2010 20:01:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>CSS: Extra Button Padding in IE</title>
		<link>http://36flavours.com/2008/10/css-extra-button-padding-in-ie/</link>
		<comments>http://36flavours.com/2008/10/css-extra-button-padding-in-ie/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 19:43:42 +0000</pubDate>
		<dc:creator>Steve Whiteley</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://sha.re.it/?p=76</guid>
		<description><![CDATA[Today at work I was asked how to remove the extra padding added to buttons (both the button tag and input[type=button]) in Internet Explorer. The Problem: In the example below there is a standard button with 10px padding on all sides. Internet explorer chooses to add additional horizontal padding: The solution: After coming across this [...]]]></description>
			<content:encoded><![CDATA[<p class="first">Today at work I was asked how to remove the extra padding added to buttons (both the button tag and input[type=button]) in Internet Explorer.</p>
<p><strong>The Problem:</strong></p>
<p>In the example below there is a standard button with 10px padding on all sides. Internet explorer chooses to add additional horizontal padding:</p>
<p><img class="aligncenter size-full wp-image-78" title="ie-button-padding" src="http://36flavours.com/blog/wp-content/uploads/2008/10/ie-button-padding.gif" alt="" width="133" height="76" /></p>
<p><strong>The solution:</strong></p>
<p>After coming across this problem myself in the past, I eventually remembered that there are two CSS styles you can add to fix this <span style="text-decoration: line-through;">bug</span> feature in IE:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">button <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">visible</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://36flavours.com/2008/10/css-extra-button-padding-in-ie/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
