<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Galeria</title>
<style type="text/css">
#wrap {
width: 800px;
margin: 0 auto;
border: 1px dashed black;
text-align: left;
display: table;
}
#menu {
width: 120px;
display: table-cell;
padding: 10px;
vertical-align: top;
border-right: 1px dashed black;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#content {
width: 630px;
display: table-cell;
vertical-align: top;
padding: 10px;
}
.clear {
clear: both;
}
</style>
<!--[if lte IE 7]>
<style type="text/css">
#content, #menu {
float: left;
display: block;
}
</style>
<![endif]-->
<!--[if lte IE 6]>
<style type="text/css">
#menu {
-iexp: expression(
this.parse ? 0 : (
this.style.height = this.offsetHeight + 'px',
this.parse = 1
),
helper = (this.style.height < this.parentNode.offsetHeight) ? 0 : (
this.style.height = this.nextSibling.offsetHeight
)
);
}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
#menu {
-iexp: expression(
this.parse ? 0 : (
this.style.minHeight = this.offsetHeight + 'px',
this.parse = 1
),
helper = (this.offsetHeight < this.nextSibling.offsetHeight) ? (
this.style.minHeight = this.parentNode.offsetHeight
) : (
this.style.minHeight = this.nextSibling.offsetHeight
)
);
}
</style>
<![endif]-->
</head>
<body>
<div id="wrap">
<div id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="omnie.html">O mnie</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div id="content">strona glowna<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div>
<div class="clear"></div>
</div>
</body>
</html>
Ja testowałem na IE i mi działało 
