title: Dynamically changed padding is not working with DIV with form
body: <p>I am trying to change the padding of the DIV tag that is containing a form as it's child. Below is the HTML  </p>
  
  <pre><code> &lt;div id="a"&gt;
     &lt;form id="b" style="background-color:Red;height:300px"&gt;
        &lt;input type="text" /&gt;
     &lt;/form&gt;
   &lt;/div&gt;​
  </code></pre>
  
  <p>And below is the CSS  </p>
  
  <pre><code> document.onclick = function(){
      document.getElementById('a').style.padding = "1% 1% 1% 1%"    
   };
  </code></pre>
  
  <p>Please check the behavior in ​<a href="http://jsfiddle.net/74WbB/2/" rel="nofollow">this</a> fiddle. It is not working properly...</p>