title: Prototype setStyle width to auto works in firebug but not in page
body: <p>I'm trying to set the width on a div to be auto.  It works fine in firebugs command editor, but when I put it in the actual page it doesn't play.</p>
  
  <p>This is the code I am using:</p>
  
  <pre><code>$('content').setStyle({width: "auto"});
  </code></pre>
  
  <p>When that is run from the firebug it works fine, but when in the js function in the page it won't work:</p>
  
  <pre><code>&lt;a href="javascript:void(0);" onclick="javascript:hideSide();"&gt;Hide Sidebar&lt;/a&gt;
  &lt;script type="text/javascript"&gt;
  function hideSide() {
    $('content').setStyle({width: "auto"});
    $('main').hide(); // this works fine
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Firebug console doesn't report any errors.  I also tried wrapping it in <code>Event.observe(window, 'load', function() {});</code> but that didn't work either.</p>
  
  <p>Anyone know whats up with that?</p>
  
  <p>Thanks for reading.</p>
  
  <p><strong>Requested CSS</strong></p>
  
  <pre><code>#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
  * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px  10px;}
  html&gt;body #content { min-height: 600px; } 
  * html body #content { height: 600px; } /* IE */
  </code></pre>
  
  <p>You can also see <a href="https://github.com/finnlabs/chiliproject/blob/master/app/views/layouts/base.rhtml" rel="nofollow">this link for the html</a> and <a href="https://github.com/finnlabs/chiliproject/blob/master/public/stylesheets/application.css#L79" rel="nofollow">this link for the full css</a>.</p>
  
  <p><em>Sorry, I should mention the link there to the HTML source is the original, all I have done to it is add the link and script excerpt above (see <a href="https://gist.github.com/1159703" rel="nofollow">here</a>)</em></p>