I can see the calendar in FF3 but I cannot see the calendar in IE8. The page loads...the calendar flashes on then off. I then put the calendar outside the element I am trying to put it in and it shows up in IE8...thus it appears to be my HTML or CSS coding for IE8...

Thanks in advance for any help! Probably something simple but I can't see it.


Here is the link:
http://www.wheatlandcomputerservices...e/calendar.htm

Here is the relevant HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<!-- Copyright (c) 2009 GoRitzville.com
     All Rights Reserved. For more information, contact webmaster@goritzville.com -->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  
  <title>GoRitzville.com - Ritzville Area Website Portal</title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link rel="shortcut icon" href="img/goritz.ico" />

  <!-- Added for browsers other than FF and Safari -->
  <script type="text/JavaScript" src="js/curvycorners.js"></script>
  <script type="text/JavaScript">

  addEvent(window, 'load', initCorners);

  function initCorners() {
    var settings = {
      tl: { radius: 10 },
      tr: { radius: 10 },
      bl: { radius: 10 },
      br: { radius: 10 },
      antiAlias: true
    }
    curvyCorners(settings, ".calsection");
  }

  </script>
</head>

<body>
<!-- Container -->
<div id="content">

	<a href="http://www.goritzville.com"><img id="goritzlogo" src="img/goritzlogo.png" alt="GoRitzville.com Logo" /></a>
	<!-- Header -->
	<div id="header">
		 <img src="img/header3_text.jpg" alt="Main Street - Ritzville" />
	</div>

	<!-- Navigation -->
	<div id="navbar">
		 <a href="map.htm"><img src="img/map_icon.jpg" alt="Map Icon" /><span class="nav_title">Map</span></a>
		 <img src="img/google_calendar.png" alt="Calendar" /><span class="nav_title" id="active">Calendar</span></a>
		 <a href="index.htm"><img src="img/home.png" alt="Home" /><span class="nav_title">Home</span></a>
		 <p id="navbar_text">Enjoy the small town historic feel in which a casual walk down Main Street will bring relaxation and a reminisent conversation about days of old.</p>
	</div>
	
	<!-- Main -->
	<div id="main">
		 <div class="calsection">
		    <p style="text-align:center;margin: 25px 0 0 0;"><iframe src="http://www.google.com/calendar/embed?showTitle=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=goritzville%40gmail.com&amp;color=%23A32929&amp;src=en.usa%23holiday%40group.v.calendar.google.com&amp;color=%232952A3&amp;ctz=America%2FLos_Angeles" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe></p>
		 </div>
		 <iframe src="http://www.google.com/calendar/embed?showTitle=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=goritzville%40gmail.com&amp;color=%23A32929&amp;src=en.usa%23holiday%40group.v.calendar.google.com&amp;color=%232952A3&amp;ctz=America%2FLos_Angeles" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
	</div>


	<!-- Footer -->
	<div id="footer">
	</div> <!-- End Footer -->

</div> <!-- End Container -->

</body>
</html>
Link to css:
http://www.wheatlandcomputerservices.../css/style.css