title: Overriding inline CSS styles in IE7
body: <p>I have a html tag with inline CSS style like: <code>&lt;body&gt;&lt;div style="position:absolute;top:100px;"&gt;&lt;/body&gt;</code>  and I want to override this inline position property. So, I wrote a CSS rule like this:</p>
  
  <p><code>body &gt; div[style]{position:relative !important;top:0px !important;}</code> </p>
  
  <p>The above code works in Firefox. But in IE7 it does not work. Am I missing anything for IE?</p>
  
  <p>PS: Even though I could see my overridden attributes in Firebug lite window, it's not affecting anything on my page. (Plz refer the <a href="https://i187.photobucket.com/albums/x201/talktoveera/inline.png" rel="nofollow noreferrer">attached image</a>).</p>
  
  <p><img src="https://i187.photobucket.com/albums/x201/talktoveera/inline.png" alt="alt text"></p>