title: how to convert css style syntax in haml
body: <p>I got the wrong haml in  <a href="http://html2haml.heroku.com/" rel="nofollow">http://html2haml.heroku.com/</a></p>
  
  <p>How to convert it in proper way ?</p>
  
  <p>Because the haml didn't render the identical html when I load the page</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;style media="screen"&gt;
        img { display: none; }
              body { overflow: hidden; }
              #canvas { position: absolute; top: 0; left: 0; }
  &lt;/style&gt;
  </code></pre>
  
  <h2>HAML by <a href="http://html2haml.heroku.com/" rel="nofollow">http://html2haml.heroku.com/</a></h2>
  
  <pre><code>%style{media: "screen"}
    :cdata
      img { display: none; }
      body { overflow: hidden; }
      \#canvas { position: absolute; top: 0; left: 0; }
  </code></pre>