title: Setting border-radius of a div containing a .swf file
body: <p>When we set border-radius of a div, and then set the code <code>background: url(image.png)</code> for the div, then even if the image is greater than the div, the div gets a curved corner. This is because the image is set as background.</p>
  
  <p>But now I face a problem when I want to contain a .swf file inside the div.</p>
  
  <p>Here's the code of the div along with the .swf file contained as object within itself:</p>
  
  <pre><code>    &lt;div id="video_container_1" style="height:300px; border: thick; -moz-border-radius: 5px; border-color:#000000"&gt;
                &lt;object classid="vid:1" codebase="FlashVideos/bride.swf" width="250px" height="300px" style="-moz-border-radius: 5px; border-color:#000000"&gt;
            &lt;param name="FlashVideos/bride.swf" /&gt;
            &lt;param name="quality" value="high" /&gt;
            &lt;embed src="FlashVideos/bride.swf" quality="high" 
            pluginspage="http://www.macromedia.com/go/getflashplayer" 
            type="application/x-shockwave-flash" width="250" height="300" wmode="transparent"&gt;
            &lt;/embed&gt;
          &lt;/object&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>Here, I have already set the border-radius as 5 px. I am testing it on Mozilla, that's why I have used <code>-moz-border-radius</code>. But the div isn't getting the curved corner. However if I remove the whole code under <code>&lt;object&gt;</code> tag which contains the .swf filecoding, then the div is having curved corner. </p>
  
  <p>Maybe there is a silly thing I'm not getting. How to get the curved corners?</p>