No replies
Alan Breck
Offline
newbie
Last seen: 5 years 14 weeks ago
Joined: 2009-03-18
Posts: 3
Points: 0

Hello,

I have a page that utilizes the CSS Overflow property. It seems to work just fine in FF, Chrome, Opera, and Safari, but when in IE, the text just continues right on down the page. The areas of code that correlate with the problem are in bold. Suggestions? Thank you!

Page - http://www.slickepott.com/Slickepott_Site/Pages/theStory.htm

Cheers,
A.B.

body {
background-color : #ffffff;
margin : 0;
padding : 0;
}
body {
background-image : url(../Pages/images/background_img.jpg);
background-attachment : fixed;
background-repeat : no-repeat;
position:static;
}
.p {
margin : 0;
padding : 0;
font-size : inherit;
font-family : inherit;
font-weight : inherit;
text-align : inherit;
color : inherit;
line-height : inherit;
vertical-align : top;
}
p {
padding-top : 0;
margin-top : 0;
font-family : "Goudy Old Style Bold";
color : white;
font-size : 19px;
text-indent : 0;
}
img {
border : 0;
}
div {
margin : 0;
padding : 0;
font-family : verdana;
font-size : 12px;
}
.AbsWrap {
width : 100%;
position : relative;
}
.rowWrap {
width : 100%;
}
.clearfloat {
clear : both;
height : 0;
}
a:link, a:visited {
color : inherit;
text-decoration : inherit;
}
#main {
width : 1200px;
margin : 0 auto 0 0;
border : 0 solid #f0f0f0;
}
#lsidebckg {
margin-left : 0;
margin-top : 0;
width : 228px;
height : 800px;
margin-bottom : 0;
float : left;
display : inline;
}
#colwrap1 {
float : left;
width : 820px;
margin-top : 0;
margin-left : 0;
border : 0 solid #f0f0f0;
}
#tsideFiller {
background-color : #336666;
width : 820px;
padding-top : 0;
height : 13px;
margin-left : 0;
margin-top : 0;
margin-bottom : 0;
float : left;
display : inline;
}
#sideBar {
margin-left : 272px;
margin-top : 15px;
width : 190px;
height : 645px;
margin-bottom : 0;
float : left;
display : inline;
z-index : -1;
}
#mainBody {
background-color : #3f1500;
width : 570px;
padding-top : 0;
height : 645px;
margin-left : 0;
margin-right : 0;
margin-top : 15px;
margin-bottom : 0;
float : left;
display : inline;
}
#logo {
margin-left : 61px;
margin-top : 11px;
width : 444px;
height : 117px;
margin-bottom : 0;
float : left;
display : inline;
}
#menuBar {
background-color : #5b2305;
width : 570px;
padding-top : 0;
height : 32px;
margin-left : 0;
margin-top : 27px;
margin-bottom : 0;
float : left;
display : inline;
}
#Home1 {
margin-left : 27px;
margin-top : 0;
width : 76px;
height : 27px;
margin-bottom : 0;
float : left;
display : inline;
}
#About1 {
margin-left : 19px;
margin-top : 0;
width : 75px;
height : 27px;
margin-bottom : 0;
float : left;
display : inline;
}
#Purchase1 {
margin-left : 19px;
margin-top : 0;
width : 109px;
height : 27px;
margin-bottom : 0;
float : left;
display : inline;
}
#Recipes1 {
margin-left : 16px;
margin-top : 5px;
width : 87px;
height : 27px;
margin-bottom : 0;
float : left;
display : inline;
}
#News1 {
margin-left : 10px;
margin-right : 0;
margin-top : 0;
width : 73px;
height : 31px;
margin-bottom : 0;
float : left;
display : inline;
}
#bsideFiller {
background-color : #336666;
width : 820px;
padding-top : 0;
height : 16px;
margin-left : 0;
margin-top : 0;
margin-bottom : 0;
float : left;
display : inline;
}
#rsidebckg {
margin-left : 0;
margin-top : 0;
width : 232px;
height : 800px;
margin-bottom : 0;
float : left;
display : inline;
}
<span style="font-weight:bold">.content {
margin-left : 30px;
margin-top : 45px;
width : 500px;
height : 358px;
overflow : auto;
}</span>
.footnote {
font-family : "Times New Roman", Times, serif;
font-size : 12px;
text-align : center;
clear : both;
margin-left : 40px;
margin-bottom : 0;
}
.outer {
width : 20em;
background : #ddddee;
}
.middle {
background : #aaaabb;
}
.inner {
background : #777788;
}
shadow {
background : #e8eef4;
}
.middle, .inner, p {
position : relative;
left : -1px;
top : -1px;
}

<!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" >
<head>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Slickepott Fudge Sauce</title>
<link rel="stylesheet" type="text/css" href="../CSS/Slickepott5.css"/>
<!--[if IE]>
<style type="text/css" media="all">.borderitem {border-style:solid;}</style>
<![endif]-->
 
<!--Background Layout-->
 
<script language = "JavaScript" type="text/javascript">
if (document.images) 
{
   img1 = new Image();
   img2 = new Image();
   img1.src = "images/background_img.jpg";
   img2.src = "images/logo.jpg"
}
</script>
 
</head>
 
<body>
<div id="main">
  <img src="images/ianJar.jpg" id="sideBar"  alt="" />
    <div id="mainBody">
    		<img src="images/logo.jpg" id="logo"  alt="" />
      <br class="clearfloat" />
                        <br class="clearfloat" />
                        <br class="clearfloat" />
<!--MenuBar-->
 
    <ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="index.html"><img src="../Pages/images/Homebck.png" width="76" height="27" alt="home" /></a>
  </li>
  <li><a href="#"><img src="../Pages/images/aboutbck.png" width="70" height="27" alt="about" /></a>    
    <ul>
      <li><a class="menuBarHorizontal" href="theStory.htm">The Story</a></li>
      <li><a class="menuBarHorizontal" href="theOnlyThingSweeter.htm">The Only Thing Sweeter...</a></li>
     <li><a class="menuBarHorizontal" href="contact.htm">Contact</a></li>
    </ul>
   </li>
  <li><a class="MenuBarItemSubmenu" href="#"><img src="../Pages/images/purchasebck.png" width="100" height="27" alt="purchase" /></a>
    <ul>
      <li><a href="buyOnline.htm">Buy Online</a></li>
      <li><a href="stores.htm">Stores</a></li>
      <li><a href="wholesale.htm">Wholesale</a></li>
    </ul>
  </li>
  <li><a href="recipes.htm"><img src="../Pages/images/recipesbck.png" width="80" height="27" alt="recipes" /></a></li>
  <li><a href="#"><img src="../Pages/images/newsbck.png" width="74" height="27" alt="about" /></a>    
    <ul>
      <li><a href="news.htm">News</a></li>
      <li><a href="events.htm">Events</a></li>
    </ul>
   </li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
 
<!--End MenuBar-->
 
                        <br class="clearfloat" />             
 
<!--Main Content-->
 
<span style="font-weight:bold"><div class="content">
	<p>
	Hello there!
	</p>
	<br />
<p>
In 2007, I completed my first twelve years of education and 						embarked upon my goal of pursuing a business degree…debt free.  Phase I of that plan has been to earn money and gain knowledge and experience while providing chocolate lovers everywhere with a new and improved version my family’s rich and velvety chocolate fudge sauce.  I bottled my creation in a snazzy jar with a simple but elegant label, gave it the playful name ‘Slickepott’, and my first business was underway!
</p><p>
Where did ‘Slickepott’ (pronounced: slick-uh-put) come from?...my  Swedish grandmother.  Slickepott is a Swedish idiom, referring to the index finger or a rubber spatula; a verb to describe licking something delicious from a bowl, spoon, or beater; and has also been used as an affectionate nickname for ‘the one who licks the bowl’.  
</p><p>
Everyone falls in love with this buttery-smooth chocolate fudge sauce: drizzled on ice cream, clinging to fresh fruit, adorning cakes, pies and pastries; even on pretzels and chips; or by the spoonful right from the jar (my favorite!).  In addition to the flavor, people appreciate the fact that Slickepott is made with the best natural ingredients: no corn syrup, artificial sweeteners, preservatives, or thickening agents.  The only complaint I have received is that it disappears so quickly!
</p><p>
As I have discovered while introducing my product to hundreds of people at food shows and festivals…it only takes one taste and you have to agree: there is simply nothing as delicious to slickepott as Slickepott Fudge Sauce!
<br />
<br />
Thanks for stopping by,
<br />
<br />
Ian Lamont
</p>
</div>
</span>
<!--End Main Content-->
 
</div>
 
</div>
 
 
 
<p class="footnote">
 ©2009 Ian Lamont | All rights reserved |
<a href="contact.htm">Contact</a></p>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7941649-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>