jQuery returns short hand CSS for style attribute
<p>Why is it that jQuery returns short hand CSS when I try the following:</p>

<pre><code>alert($('#t1').attr('style'));
</code></pre>

<p>On this html:</p>

<pre><code>&lt;div id="t1" style="border-style: solid; border-width: 10px; border-color: red; height: 100px; width: 100px;"&gt;Hello&lt;/div&gt;
</code></pre>

<p>It returns:</p>

<pre><code>border: 10px solid red; height: 100px; width: 100px;
</code></pre>

<p>This happens in firefox. Not in chrome.</p>

<p>How can I get the contents of the style attribute exactly as it appears?</p>

<p>Here is a <a href="http://jsfiddle.net/5UJwF/" rel="nofollow">complete test</a>.</p>
