css3 not working inside an iframe of Internet Explorer

None of the CSS3 properties like border-radius and box-shadow are working inside an <iframe> in IE, though they work perfectly fine in other browsers, and even in IE when not placed in an <iframe>.

Has anyone found any problems like this and ever fixed them?

Please help!

<style type='text/css'>

.seath {
    background-color: #7eaf47;
margin:16px 0px 16px 0px;
padding:16px 16px 16px 16px;
    position: relative;
-moz-border-radius:5px 5px 5px 5px;

    -moz-box-shadow: 0 1px 3px #444444; /*firefox 3.6 and earlier*/
-webkit-box-shadow: 0 1px 3px #444444; /*safari*/
 box-shadow: 0 1px 3px #444444;


<div class='seath'>


Try this:

Start your iframe html document this way:

<!DOCTYPE html>

This should force the browser to render in standards mode.

Need Your Help

jQuery sifr plugin (thewikies.com) and IE

jquery internet-explorer sifr

Is someone able to use jQuery sifr plugin, from thewikies.com, with Internet Explorer ?

How to use trigger in MySql to make foreign key

mysql database triggers foreign-key-relationship

I want to use trigger to make foreign key in MySql. I have the following tables: