Twitter feed not showing up inside iFrame on IE8/9


I have a simple iframe so the user can go between 2 Twitter feeds and it works on everything but IE 7/8/9. I have the twitter feeds in separate HTML pages and the iFrame calls the pages where I placed the feeds with the simple widget.

My index page HTML with the iFrame:

<div style="float:inherit">
<iframe src="twitter_bags.html" name="cwindow" id="cwindow" width="250" height="400" marginwidth="0" marginheight="0" align="center" frameborder="0" style="border:0px outset #ff9999" border="0" scrolling="no"></iframe>
 <table width="225" border="0" cellspacing="0" cellpadding="0">
      <td width="133" align="center">
       <a href="twitter_bags.html" target="cwindow" class="blklink"><img src="images/bags_twitter.png" width="66" height="65" alt="Bag McRibbit Tweets" border="0"><br>Bags McRibbit</a>
      <td width="138" align="center">
      <a href="twitter_flora.html" target="cwindow"class="blklink"><img src="images/Flora_twitter.png" width="66" height="65" alt="Fora's Tweets" border="0"><br>Floppy Ear Flora</a>

And one of my Twitter feed HTML page:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
	background-color: #F7B5B5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
<script charset="utf-8" src=""></script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 6,
  interval: 30000,
  width: 225,
  height: 300,
  theme: {
    shell: {
      background: '#F7B5B5',
      color: '#000000'
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#1f4292'
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'all'

It’s killing me as to why it works on everythng? Is it the Twitter feed through IE?

closed #2

closed #3