CSS Problem

alright, my problem changed. I have this code that no matter what I do, never looks right in IE.

Check out these two links which are two ways of getting what I want accomplished:

http://www.thespeedlounge.com/beta/stufftest.html

http://www.thespeedlounge.com/beta/stuff.html

And here’s one set of code:


<style type="text/css">
	body {
	
	text-align:center;
	background-image: url('images/tile.jpg');
	background-repeat: repeat-x;
 
		}
		
#container {
	width:940px;
	margin:auto;
	padding:0px;
	text-align:left;
	}
.floatright { 
	float: right; 
	margin: 5px 5px 5px 5px;
	border: 1px solid #666;
	}
.floatleft { 
	float: left; 
	margin: 5px 5px 5px 5px;
	border: 1px solid #666;
	}
.floatleft2 { 
	float: left; 
	margin: 5px 5px 5px 30px;
	border: 1px solid #666;
	}
.image {
	border: 1px solid #666;
	}
.text { 
	margin: 10px;
	}
.top {
	margin-bottom:-3px;
	}
.title {
	margin-top:-1px;
	margin-bottom:-4px;
	}

.navi {
	
	margin-top:-1px;
	
	border:0px;
}
#navi {
		width:920px;
		height:50px;
		border:0px none;
		padding:0
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #navi { /* ie5win fudge ends */
	width:920px;
	}
#google {
		
		border:0px none;
		padding:0;
		float:left;
		width:300px
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #google { /* ie5win fudge ends */
	width:300px;
	}
#title {
		width:920px;
		height:61px;
		border:0px none;
		padding:0
		
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #title { /* ie5win fudge ends */
	width:920px;
	height:61px;
	}
#left1 {
		border-top:1px solid #000000;
		border-right:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:left;
		
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #left1 { /* ie5win fudge ends */
	width:305px;
	}
.left1menu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:292px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
html>body .left1menu { /* ie5win fudge ends */
	width:290px;
	}
.left1menu2 {
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:302px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}

	
#middle {
		border-top:1px solid #000000;
		border-right:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:left;
		margin-left:2px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #middle { /* ie5win fudge ends */
	width:305px;
	}
.middlemenu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:292px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
html>body .middlemenu { /* ie5win fudge ends */
	width:290px;
	}
.middlemenu2 {
        border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:302px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}

#right {
		border-top:1px solid #000000;
		border-right:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:right;
		margin-right:14px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #right { /* ie5win fudge ends */
	width:305px;
	margin-right:15px;
	}
.rightmenu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:292px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
html>body .rightmenu { /* ie5win fudge ends */
	width:290px;
	}
.rightmenu2 {
		
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:302px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}
#left2 {
		
		border-right:1px inset #000000;
		border-bottom:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:left;
		
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #left2 { /* ie5win fudge ends */
	width:305px;
	}
.left2menu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:290px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
.left2menu2 {
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:328px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}
#middle2 {

		border-right:1px inset #000000;
		border-bottom:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:left;
		margin-left:2px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #middle2 { /* ie5win fudge ends */
	width:305px;
	}
.middle2menu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:290px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
.middle2menu2 {
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:328px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}
#right2 {
		
		border-right:1px inset #000000;
		border-bottom:1px inset #000000;
		border-left:1px inset #000000;
		background-color:#0000FF;
		height:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:305px;
		float:right;
		margin-right:14px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
html>body #right2 { /* ie5win fudge ends */
	width:305px;
	margin-right:15px;
	}
.right2menu {
		border:1px solid #FFFFFF; 
		padding:5px;
		background-color:#333333;
		margin:1px 1px 0px 1px;
		color:#FFFF00;
		height:15px;
		width:292px;
		font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		}
html>body .right2menu { /* ie5win fudge ends */
	width:290px;
	}
.right2menu2 {
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px 1px 1px 1px;
		border-top:0px solid #FFFFFF; 
		padding:5px;
		background-color:#999999;
		margin:0px 1px 1px 1px;
		color:#000000;
		width:290px;
		height:328px;
		font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		text-align:center;
		}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}
.topleft {
        padding-top:20px; 
		border-bottom:1px solid white; 
		border-right:1px solid white;
		padding:5px;
		width:308px;
		}
</style>