Question

I need to know how to align all three divs next to eachother with all different background-images and the center one needs to be 989px the left div and right div their widths doesn’t matter.

Answer 1

In a nutshell.. http://jsfiddle.net/hobobne/qyGC5/

<style>
.sides {display: inline-block; width: 100px; border: 2px dotted green;}
#main {display: inline-block; width: 200px; border: 2px dotted blue;} /* you can change this to 989px */
</style>
<div class="sides">side 1</div><div id="main">main</div><div class="sides">side 2</div>

EDIT: The final solution: http://jsfiddle.net/hobobne/qyGC5/4/