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;
width:320px;
border-radius:5px;
-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;

}
</style>

<div class='seath'>
...
</div>

Answers


Try this:

Start your iframe html document this way:

<!DOCTYPE html>
<html>
<head>
(...)

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: