<div>I haven&#39;t tested it, but looking at that link, you&#39;ve used width:auto on the img, which you&#39;ve probably done to make sure the image doesn&#39;t end up larger than it&#39;s parent container? Since it&#39;s within the .wp-caption it might be contained to the caption, but I&#39;m not sure without testing it out.. <br>

</div><div><br>
</div><div>There&#39;s a trac ticket(<a href="http://core.trac.wordpress.org/ticket/18775" target="_blank">http://core.trac.wordpress.org/ticket/18775</a>) for a user who&#39;s theme included something similar, and it removed the ability for the user to use the &quot;Scaling&quot; functions (ie. insert image at 70% size), the width:auto overrides the HTML width attributes, causing the image to always be at full width.</div>


<div><br></div><div>The TwentyEleven theme even has that problem (It was introduced as a fix for IE8 where images would overflow) - Unfortunately there are no css classes which you can use to detect that scaling.</div><div>

<br></div><div><strong>tl;dr:</strong> Using width:auto in classes that post images can lead to the Image scaling functionality of WordPress not working</div><div><br></div><div>I thought it would be worth noting that for the theme developers among the list.</div>

<div>
<br></div>
<br><div class="gmail_quote">On 9 October 2011 11:20, Emil Uzelac <span dir="ltr">&lt;<a href="mailto:emil@themeid.com" target="_blank">emil@themeid.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">



<font color="#333333"><font size="2"><font face="arial,helvetica,sans-serif">Nicely done! I modified this while back as well <a href="http://codex.wordpress.org/CSS#WordPress_Generated_Classes" target="_blank">http://codex.wordpress.org/CSS#WordPress_Generated_Classes</a>, fully working example that covers Theme Unit Data, including the wide images etc.</font></font></font><div>





<font color="#333333"><font size="2"><font face="arial,helvetica,sans-serif"><br></font></font></font></div><div><font color="#333333"><font size="2"><font face="arial,helvetica,sans-serif"><br clear="all"></font></font></font><div>





<b><font face="arial, helvetica, sans-serif">----</font></b></div><div><font face="arial, helvetica, sans-serif"><b>Emil Uzelac</b> | ThemeID | T: 224-444-0006 | Twitter: @EmilUzelac | E: <a href="mailto:emil@themeid.com" target="_blank">emil@themeid.com</a> | <a href="http://themeid.com/" target="_blank">http://themeid.com</a></font></div>



<font color="#888888">


<div><font color="#999999" face="arial, helvetica, sans-serif">Make everything as simple as possible, but not simpler. - Albert Einstein</font></div></font><div><div><br>
<br><br><div class="gmail_quote">On Sat, Oct 8, 2011 at 10:59 AM, Edward Caissie <span dir="ltr">&lt;<a href="mailto:edward.caissie@gmail.com" target="_blank">edward.caissie@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">





Nicely done, Kirk.<br><br>We probably should have added something like that before. It&#39;s great to have a fresher set of eyes looking at things. Thanks.<br><br><br clear="all">Cais.<div><div><br>

<br><br><div class="gmail_quote">On Sat, Oct 8, 2011 at 11:23 AM, Chip Bennett <span dir="ltr">&lt;<a href="mailto:chip@chipbennett.net" target="_blank">chip@chipbennett.net</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">







Looks good!<div><div><br><br><div class="gmail_quote">On Sat, Oct 8, 2011 at 10:05 AM, Kirk Wight <span dir="ltr">&lt;<a href="mailto:kwight@kwight.ca" target="_blank">kwight@kwight.ca</a>&gt;</span> wrote:<br>



<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Ah, that makes more sense already. I&#39;ve added a small note to the <a href="http://codex.wordpress.org/Theme_Review#WordPress-Generated_CSS_Classes" target="_blank">Codex</a> for clarification.<div><div>
<br><br><div class="gmail_quote">On 8 October 2011 10:23, Chip Bennett <span dir="ltr">&lt;<a href="mailto:chip@chipbennett.net" target="_blank">chip@chipbennett.net</a>&gt;</span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Kirk,<div><br></div><div>They&#39;re required because they&#39;re added/used by WordPress.</div><div><br></div><div>The only ones that are allowed to be &quot;blank&quot; are .sticky and .bypostauthor. The intent here is that the Theme developer consider these classes in the design intent for the Theme. We consider *not* styling them to be valid design intent, but want to have a modicum of assurance that the developer has *considered* them.</div>











<div><br></div><div>The others are all required to be styled *appropriately*: .alignleft, .alignright, .aligncenter, .wp-caption, .wp-caption-text, .gallery-caption</div><div><br></div><div>Hope this helps!</div><div><br>











</div><div>Chip<br><br><div class="gmail_quote"><div><div>On Sat, Oct 8, 2011 at 9:16 AM, Kirk Wight <span dir="ltr">&lt;<a href="mailto:kwight@kwight.ca" target="_blank">kwight@kwight.ca</a>&gt;</span> wrote:<br>






</div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div>
Can anyone point me to sources explaining the thinking behind the required CSS classes? I&#39;m wondering why these particular classes are required, and why they can be empty when present. I&#39;m sure there must have been extensive discussion at some point, but I&#39;ve checked the list archives and can&#39;t find anything definitive.<div>













<br></div><div>Thanks,</div><div>Kirk</div>
<br></div></div>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>
</div></div><br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>
</div></div><br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>
</div></div><br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div></div></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>