I have this site http://kerosinclothing.com/Website3 and I have that blog on the bottom right and corner which is being taken from http://kerosinclothing.com/blog/index.php (wordpress). This works on every browser except IE. Whats wrong???

<iframe src="http://kerosinclothing.com/blog/index.php" width="495" height="675" style="border-left:3px black solid;border-right:0;border-top:0;border-bottom:0;"></iframe>

That's the code i'm using.


Thanks a ton

You don't close your head on your blog.

<style type="text/css" media="screen">

That is the line which screws things up. You need to do something like:

<style type="text/css" media="screen">
body {color:#000000;background-color:#FFFFFF;}
</style>
</head>
<bod>

You didn't start your body either. It doesn't work in Opera neither, and I don't think it's likely to work in Safari or any KHTML/Webkit browser. The Gecko browsers do work with it though.

<!--[if IE]>
      <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.kerosinclothing.com/blog" style="height:675px; width:495px;">
      </object>
      <![endif]-->
       
      <!--[if !IE]> <-->
      <object type="text/html" data="http://www.kerosinclothing.com/blog" style="height:675px; width:495px;">
      </object>
      <!--> <![endif]-->

I used that and fixed those errors, thanks!!!!!!!!!!

actually, another question, why isn't the blog area transparent?? I made background-color: transparent; for everything

That I don't know, but it may be because it's being used in an iframe.