IE & FF uitlijning

html, body {
    margin: 0;
    paddding: 0;
}

body {
    background: #ccc url(rozeplaatje.gif) left top repeat-y;
}

#content {
    font: 12px verdana;
    float: left;
    width: 400px;
    padding: 10px;
}

#menu {
    background: #ED008C;
    float: left;
    width: 192px;
}

html,body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    text-align: center;
    color: #000;
    font: 8pt Century Gothic;
    background-color: #FFF;
}
#left {
        position:absolute;
		top: 0;
		left: 0;
		width: 50%;
        height: 100%;
        background-color: #ccc;
}

#right {
        position:absolute;
		top: 0;
		right: 0;
		width: 50%;
        height: 100%;
        background-color: #fff;
}
#menu {
    position:relative;
	margin: 0 auto;
    width: 190px;
    background-color: #ED008C;
    text-align: left;
    height: 100%;
}

<div id="left"> </div>
<div id="right"> </div>
<div id="menu">
<br><br><br>
<img src="gfx/home.jpg">
<img src="gfx/overons.jpg">

<img src="gfx/werkwijze.jpg">
<img src="gfx/diensten.jpg">
<img src="gfx/cases.jpg">
<img src="gfx/contact.jpg">
</div>