Real problem centreing images in Firefox/Safari...

[JamesHatter]

Hi guys,

I'm making a website and I'm using CSS for the layout etc. I've used this code to centre an image horizontally to the middle of the page...

Code: Select all

#header img{
display: block;
text-align:center; /* aligns the header image to the center of the page (the SSM logo) */
}

It works fine in Internet Explorer, but when I view my site in Mozilla Firefox, the image is aligned to the left instead of the centre! Please could you help me, what code should I be using?

Many thanks, I am so grateful if anyone can help me

[unitedcraig]

Could you post your code or give us a link to the site please

[moojoo]

Code: Select all

#header {
text-align:center;
}

HTML: Select all

<div id="header"><img src="" width="" height="" alt="" /></div>

Since it doesn't seem you are using background images that should work.