CSS - pages displaying different widths in Chrome, IE and Firefox


Please bear with me as I'm a back-end programmer and my knowledge of .css is fairly limited just now.  Anyway, I've inherited a site which was designed by another company and looking at the .css file I see a page width of 960px which looks about right in Chrome but it looks a  lot narrower (and probably better in Firefox).  There must be some extra code I need to add to the .css to get it to display the correct width in all 3 browsers.  The development site is at: http://wowa2z.com.uksite4.yourwebservers.com/.

The .css which I think sets the width for the outer div is:

#subSurround {
      width: 960px;
      margin: 0px auto;
      padding-bottom: 30px;

I would be grateful if someone could tell me what I need to change :-).
Who is Participating?
Do you have the zoom set the same in your various browsers? Perhaps that is why you're seeing different things.
Julian HansenCommented:
Looks the same to me in both. You shouldn't need to change anything. FF and chrome are 99% of the time the same in how they render it is IE that is the odd ball.

Can you post screen shots of what you are seeing?
Chris StanyonCommented:
Looked at your site in Firefox, IE, Chrome, Opera and Safari and it looks the same in all of them - 960px wide!
Lorna70Author Commented:
Doh - yes must be lol!  thanks guys :-)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.