Basic PC vs Mac CSS question

[Acacia]

I'm pretty new to CSS, but have written a very simple (ie 1 div, centred with one jpg image held in) for my website's holding page. I can view the live page fine on my Mac running Safari or firefox, and on my iphone, yet it wasn't until I visited the page on a PC (both IE and Firefox) that all I get is the image placeholder (correct size), with the little red cross in the top left corner?

My first question - I know different browsers handle CSS differently, but surely firefox for pc and mac will handle it the same way?

sendonly - my "webpage" is so bloody simple, I can't understand what I would need to change to make it work!

my website is www.acacia-edesign.co.uk.

thanks in advance.

[birdbrain]

Hi there Acacia,

and a warm welcome to these forums. ;)

I am get this message about your image...

Warning!

"holdingpage.jpg" is a TIF file with incorrect extension!

Convert it correctly to a jpg and it will work OK on both Macs and pcs.

birdbrain

[Acacia]

Thank you Bird Brain! It's odd because I created to image in Photoshop, saved it as a jpg, and the link on my index page points to a ".jpg" file. I'll double checks everything when I get home!

Can I ask where/how you got the error description from? It would be useful to know for future reference!

Thanks again for your quick reply.

[birdbrain]

Hi there Acacia,

the excellent free image editor "IrfanView" gave me the information.
"Photoshop" just pointed out that there was something wrong but not what. ;)

birdbrain