[sebsebseb123]

Hey all, so my site works fine and looks great in firefox (obviously)...but it totally screws up when I view it in IE (obviously)... I know and expect some CSS to render differently, and usually I'll code some javascript to get around it, but this time nothing seems to help.

I've got a div box in a table cell, and the complete content of the div is shown so that is goes beyond the borders of the div and the table.. if I set the overflow to anything, hidden, scroll, auto, it doesn't matter it will still show the overflowing content. The only thing that changes is weather or not the scroll bar gets rendered.

I've been reading posts about a bug that IE has with this problem in particular... they usually recommend explicitly setting the div width and height properties... I think it has something to do with the IE only property hasLayout. I'm not sure, either way, I tried setting the width and height and still nothing.

...Please help?
you can see the site online at
http://sebsebseb123.com/bmm

HTML the div containers are content and shows (near the bottom), as you can see I even tried setting the table cells height and width properties....

<div class="holder" id="top">  
	<div id="menu">
		<div id="buttons1"><a href="?news">News</a> <a href="?bio">Bio</a> <a href="?photos">Photos</a> <a href="?contacts">Contact</a></div>
		<div id="buttons2">News Bio Photos Contact</div>
	</div>
	<table width="750" height="499" border="0" cellpadding="0" cellspacing="0">
	  <tr>
		<td align="center" valign="middle">	
			<div id="flash">
				<center>
					<script language="javascript">
						if (AC_FL_RunContent == 0) {
							alert("This page requires AC_RunActiveContent.js.");
						} else {
							AC_FL_RunContent(
								'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
								'width', '360',
								'height', '235',
								'src', 'bmmPhoto',
								'quality', 'high',
								'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
								'align', 'middle',
								'play', 'true',
								'loop', 'true',
								'scale', 'showall',
								'wmode', 'transparent',
								'devicefont', 'false',
								'id', 'bmmPhoto',
								'bgcolor', '#ffffff',
								'name', 'bmmPhoto',
								'menu', 'true',
								'allowFullScreen', 'false',
								'allowScriptAccess','sameDomain',
								'movie', 'bmmPhoto',
								'salign', ''
								); //end AC code
						}
					</script>
				</center>
			</div>
		</td>
		<td width="382" height="499" rowspan="2">
			<div id="content">
			</div>		
		</td>
	  </tr>
	  <tr>
		<td width="368" height="254">
			<center>
			<div id="showsBanner">
				<div id="showsBannerTitle1">Shows</div>
				<div id="showsBannerTitle2">Shows</div>
			</div>
			<div id="shows">
			</div>
			</center>
		</td>
	  </tr>
	</table>
</div>

CSS

.holder {
	background-color: Transparent;
	position: relative;
}
#top {
	height: 574px;
	width: 750px;
	background-image: url(../images/back_01.png);
	background-repeat: repeat-x;
	z-index: 1;
}
#content {
	width: 375px;
	overflow: auto;
	color: #660000;
	height: 499px;
}
#shows {
	width: 350px;
	height: 205px;
	border: 2px solid #CC6600;
	overflow: auto;
	font-family: "Times New Roman", Times, serif;
	color: #660000;
}

thanks in advance

[BetaWar]

I think it is only an IE 6 issue, it looks fine in IE 7. I will have to take a look at it later when I have access to a computer with IE 6.