hey guys, i have a struggle centring 3 layers vertically so that they are aligned on the same level in IE and FF. They are displayed perfect in FF but not in IE, as i start to adjust for IE it displays incorrectly in FF.

code:
<style type="text/css">
#holder {
width:700px;
margin-top:10px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
}
#left_menu {
width:250px;
margin-top:50px;
}
#middle_menu {
width:200px;
margin-top:-480px;
margin-left:250px;
}
#right_menu {
width:200px;
margin-top:-360px;
margin-left:510px;
}
</style>

is there a better technique to lay out them, so that IE and FF could view them the same.

??

thanks

vertical-align: middle;

that didn't make any difference! But thanks

here are the screen shots to show what i mean:

In FF
http://i11.photobucket.com/albums/a197/vadimo/web%20stuff/in-ff.gif

In IE
http://i11.photobucket.com/albums/a197/vadimo/web%20stuff/in_ie.gif

so if there are any ideas of alternative coding or any hacks please do help me.