IE에서 중앙정렬(?)이 안먹혀요 채택완료

<style>
#main_header {width: 1000px;height:100px;margin: 0 auto;position: relative}

#title { position: absolute; left: 10px; top: 10px; }
#title img { height: 80px; }
#hd_button { position: absolute; width: 80px; right: 0; top: 0; }
#hd_button .trb { float: right; width: 35px; margin: 10px 0 0 10px; }
#hd_button .tlb { float: right; width: 35px; height: 35px; margin: 10px 0 0 0; }
#hd_button .brb { float: right; width: 35px; height: 35px; margin: 10px 0 0 10px; }
#hd_button .blb { float: right; width: 35px; height: 35px; margin: 10px 0 0 0; }
</style>



<div id="main_header">
	<div id="title">
		<img style="height: 80px;" src="<?=$g4[path]?>/img/logo.png">
	</div>
	<div id="hd_button">
		<div class="trb"><a href="#"><img src="<?=$g4[path]?>/img/button.png"></a></div>
		<div class="tlb"><a href="#"><img src="<?=$g4[path]?>/img/button.png"></a></div>
		<div class="brb"><a href="#"><img src="<?=$g4[path]?>/img/button.png"></a></div>
		<div class="blb"><a href="#"><img src="<?=$g4[path]?>/img/button.png"></a></div>
	</div>
</div>