I am still plugging away at my brother's website Premier Auto Source Inc.


In IE the following problems I am having is : it puts a strange space between my header image and my container layer.

In Firefox the following problems are: it ignores the css for the background color and screws the alignment.

If you take a look at the page you should be able to image how I want it to look. PLEASE HELP!

First off, lose the absolute and relative positioning. If used incorrectly, all sorts of bad stuff can occur.

If you want the site to be centered, do the following:

#centering-container {
     margin:  0px auto;
     width:  660px;
     text-align:  center; /* you need this for IE5 */
}
#centering-container div {
     text-align:  left /* this fixes the alignment issue above. */
}

Then use this div as your container to center the whole site.

That should get you started.

I have been messing around with it for the last two days and have grown VERY frusterated (I'm pulling my hair out over here haha).


What I need:


I need to center my header image which I have successfully done.

I need for under my image there to be two div layers floated next to each other. \

The problem I am running into is : My image is 690 pixels wide - The "column like section" isn't 650 pixels. When I put my div layer columns directly under the layer my header images sit in, it centers the columns so that it is to the left of where it should be. I want it to look like the lighter grey section continues flush with the image.

I am sure my code isn't the way it should be, but that is why I am here. I have tried every thing I know to do and am at my wits end.

I know I am confusing all of you, so I have constructed an image screen shot of what I am trying to acheive. http://premierautosource.com/images/screenshot.jpg

Thanks for your help.