I'm having problems using CSS to center an image with Firefox. The site seems to be OK with IE6 . 2800, so perhaps it's my understanding of cross platform CSS nuances that's the problem.
What I don't understand is that whilst the "gallery" page on the site centers OK (though the JS browser detection needs a clean up), I can't seem to find any combination of CSS that will center the image on the "index.html" page correctly in firefox.
The site was a gift for friend and is non-paying so I haven't had huge amounts of time to investigate this yet.
The site is at http://www.pencilofnature.co.uk
I think the problem may be in the p.image class section in the CSS stylesheet.
Because the site is for a photographer, lots of people that are likely to view it are Apple fans, so good cross platform compatibility is my required end goal.
I'd like to tidy up the gallery for non-IE6 viewers too, the CSS and JS browser detection in there is a bit lumpy, but that's another question I guess.
Any suggestions are welcome.