Hallo, ik heb een probleem met mijn inline-block. Ik heb overal op het internet zitten zoeken voor hacks etc, maar ik kom er maar NIET uit. In IE6 wordt mijn menu ONDER elkaar laten zien, en in andere browsers Naast elkaar, zoals het hoort.

IkKan iemand hier mij hiermee helpen.

Alvast bedankt.

De codes:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Danny Postma's Website. Here you will find all my projects, pictures and loads more. " />
<meta name="keywords" content="Webmaster, Websites, Photoshop, Games, Blitzmax, CS2" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Danny Postma" />

<title>Danny Postma's Website</title>
<link rel="stylesheet" href="css/styles.css" />
<script defer type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<style type="text/css">
img, div, ul, li, a { behavior: url(iepngfix.htc) }

</style>
</style><![endif]--> 

</head>

<body id="home">
	<div id="page-wrap">
    	<div id="header">
        	<div id="title">
            	<h1>Danny Postma's Website</h1><p>Alles over mij, mijn projecten en meer</p>
            </div><!--end title-->
            <div id="menubar">
            	<ul>
                    <li id="home"><a href="#">Home</a></li>
                    <li id="gallery"><a href="#">Gallery</a></li>
                    <li id="websites"><a href="#">Websites</a></li>
                    <li id="about"><a href="#">About</a></li>
				</ul>
            </div><!--end menubar-->
       	</div><!-- end header-->
        <div id="main-content">
        	<div id="left-col">
            
            </div><!--end left-col-->
            <div id="right-col">
            	<div id="fav-links">
                	<img src="images/fav-link.jpg" alt="Favorite links" />
                    	<ul id="fav-websites">
                    		<li><a href="http://www.apoorvvaidya.com/">Apoorv Vaidya</a></li>
                            <p id="uitleg"><strong>Erg handige tutorials voor webdesign.</strong></p>
                    		<li><a href="http://www.freeiconsweb.com/">Free Incons</a></li>
                            <p id="uitleg"><strong>Gratis inconen voor je website!</strong></p>
                    		<li><a href="http://w3schools.com">W3schools</a></li>
                            <p id="uitleg"><strong>Hulp nodig bij coderen? Hier is uitleg voor alles!</strong></p>
                    		<li><a href="http://www.lipsum.com/">Lipsum</a></li>
                            <p id="uitleg"><strong>Lorem Ipsum genereren? Hier kan het!</strong></p>
                            <li><a href="http://www.brusheezy.com/">Brusheezy</a></li>
                            <p id="uitleg"><strong>Handige site voor Photoshop Brushes.</strong></p>
						</ul>
                </div><!--End fav-links-->
                <div id="lat-work">
                	<img src="images/latest-work.jpg" alt="Latest work" />
                </div><!--end lat-work-->
                	<div id="latest-work">
                </div><!--end latest-work-->
            </div><!--end right-col-->
            
        </div><!--end main-content-->
    </div><!--end page-wrap-->
    <div id="footer-wrap">
    	<div id="footer-inside">
        	<div id="footer-col1">
            	<img src="images/site-nav.png" alt="Site navigation" />
            	<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Gallery</a></li>
					<li><a href="#">Websites</a></li>
					<li><a href="#">About</a></li>
				</ul>
            </div><!-- end footer-col1-->
            
            <div id="footer-col2">
            <p>Copyright &copy; 2009 Danny Postma. All Rights Reserved.</p>

            </div><!-- end footer-col2-->

        </div><!--end footer-insde-->
    </div><!--end footer-wrap-->
</body>
</html>

CSS:

Code:
/*
	RESET
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, font, img, small, strong, ol, 
ul, li, fieldset, form, label {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	vertical-align: baseline;	
	background: transparent;
	font-family: Tahoma, Arial, Helvetica, sans serif; }
	
body { 
	line-height: 1; 
}
ol, ul { 
	list-style: none; 

}
:focus { 
	outline: 0;
}

a { 
	text-decoration: none; 
}

/*
	GENERIC STYLES
*/

body {
	font-family: Tahoma, Arial, Helvetica, sans serif;
	font-size: 12px;
	color: #FFF;
}

a {
	text-decoration: none;
	color: #FFF;
}

a:hover {
	text-decoration: underline;
	color: #F00;
}

/*
	BASIC STRUCTURE
*/

body {
	background: #303030;
}

#page-wrap {
	width:900px;
	margin: auto;
}

#footer-wrap {
	width: 900px;
	background: url(../images/footer-bg.jpg);
	height: 82px;
	margin: auto;
	overflow: hidden;
}

/*
	HEADER
*/

#title {
	background: url(../images/header-logo.png);
	width:900px;
	height:200px;
	text-indent:-9999px;
		overflow: hidden;
}

#menubar {
	width:900px;
	height:50px;
	background: url(../images/menu-bar.png);
		overflow: hidden;
}

#menubar ul {
	float:left;
	margin-left:200px;
	overflow: hidden;
	width:500px;
}





#menubar ul li {
	align:center;
	display: inline-block;
	overflow: hidden;
			
}


#header ul li a {
	display: block; 
	text-indent: -9999px;
	margin: 15px 20px 0 0;
			overflow: hidden;
}

#header ul li#home a {
		width: 74px;
		height: 20px;
		background: url(../images/menu-home.png) no-repeat center top;
	}
		#header ul li#home a:hover {
			background-position: center bottom;
		}
		
#header ul li#gallery a {
		width: 109px;
		height: 20px;
		background:url(../images/menu-gallery.png) no-repeat center top;
	}
		#header ul li#gallery a:hover {
			background-position: center bottom;
		}
		
#header ul li#websites a {
		width: 109px;
		height: 20px;
		background:url(../images/menu-websites.png) no-repeat center top;
	}
		#header ul li#websites a:hover {
			background-position: center bottom;
		}
		
#header ul li#about a {
		width: 109px;
		height: 20px;
		background:url(../images/menu-about.png) no-repeat center top;
	}
		#header ul li#about a:hover {
			background-position: center bottom;
		}
		
/* 
	MAIN
*/

#main-content {
	background: #5b5b5a;
	width: 900px;
	height:800px;
	overflow: hidden;
}

#left-col {
	width:669px;
	height:800px;
	float:left;
	overflow: hidden;
}

#right-col {
	width: 230px;
	height:800px;
	float:left;
	overflow: hidden;
	
}

#fav-links {
	width: 230px;
	border: 1px solid #333;
	background:url(../images/right-col-bg.jpg) repeat-x #5b5b5a ; 
	height: 400px;
	overflow: hidden;
}
#fav-websites {
	padding-left:5px;
}
#fav-links a{
	font-size:14px;
	overflow: hidden;
}

#uitleg {
	color:#F00;
	padding: 5px 0 20px 20px;
	font-style:italic;
	overflow: hidden;
	
}


#lat-work {
	width: 230px;
	border: 1px solid #333;
	background:url(../images/right-col-bg.jpg) repeat-x #5b5b5a ; 
	height: 396px;
	margin: 0 0 10px 0;
	overflow: hidden;
}


/*
	FOOTER
*/

#footer-wrap {
	color:#CCC;
	text-align: justify;
	overflow: hidden;
}

#footer-inside{
	overflow: hidden;
}

#footer-col1 {
	width:200px;
	height:auto;
	float:left;
	margin-top:10px;
	overflow: hidden;
}

#footer-col2 {
	width:300px;
	height:auto;
	float:left;
	margin-top:65px;
	overflow: hidden;
}