Question

I have a slider image on a homepage

For some reason, in Firefox and Safari the image is displaying to the right. In Chrome, it is displaying in the centre as it should.

I believe this is down to the positioning however the changes I have tried done appear to help much.

Anyone any ideas?

Answer 1

Change your CSS to:

#slider-container{ 

width:960px;
position: relative;
overflow:hidden;
height:300px;
z-index:100;
border-bottom:1px solid #2b292d; padding-bottom:20px;
text-align: center;
margin: 0px auto;
}


#content-wrapper{ position:relative; z-index:200; bottom:-50px;}