css - How to.. the middle div of three ever on center and if the navigator are resized -

Sorry about my english.

Please, I have problems with divs, I have 3 divs with "image" horizontally, images should be together.

Here is the default view, if the screen is large enough < P> If navigator is resized, then I've lost the center with # div2. # Div1 is aligned to the left, I do not need it.

What do I want # div2 to be on the center, but I do not have to do this The address # div1 and # div3 are outside the navigator, no one can change the shape of div, there is a fixed size

HTML code:

  & lt; Body id = "body" & gt; & Lt; Div id = "wrap" & gt; & Lt; Div id = "baseLeftBg" & gt; & Lt; / Div & gt; & Lt; Div id = "baseContent" & gt; & Lt; / Div & gt; & Lt; Div id = "baseRightBg" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;   
 CSS code:  
  #body {text-align: center; Height: 100%; Margin: 0 auto; Padding: 0 pixels; Background: #ffffff; -MOZ-BACKGROUND-SHAPE: COVER; Background size: cover; Float: Heir; } #wapper {width: 1484px; Margin: 0 auto; Text-align: center; } #BaseLtbg {margin-top: 60px; Background: #CDDDDD; Width: 286px; Height: 776 px; Swim left; } #Base content {margin-top: 60px; Background: # A7A7A7; Width: 9 11px; Height: 776 px; Swim left; } #basritebg {margin-top: 60px; Background: #CDDDDD; Width: 286px; Height: 776 px; Swim left; }   
 How can I do this?  
 Beds for linking:  
 Thanks!   
 
 
 Creating a text-alignment center for the cover will be helpful. It will show an element in the center.  
  #wrap {width: 1484px; Margin: 0 auto; Text-align: center; }