CSS Woe

Can anyone spot what is wrong with this snippet of CSS?

Works fine in IE but not in Firefox – argh!! The background image (maincolumn.gif) won’t repeat vertical down the column in Firefox yet it works fine in IE.

.rigid-demo { margin: 0 auto; text-align: left; width: 790px; background: url(../images/maincolumn.gif) repeat-y; }

P.S. This is NOT a reason NOT to use Firefox! It’s my shoddy coding that’s to blame, and lack of l33t CSS skills, or however the kids are saying it these days.

UPDATE: OH ARSE. Still can’t get it to work. Sample page here, CSS here, background image here.

The CSS file validates OK.

Why oh why oh why… Works fine in IE, no background image in Firefox. Chuff chuff chuff.

Written By

Long time blogger, Father of Jack, geek of many things, random photographer and writer of nonsense.

Doing my best to find a balance.

More From Author

Generated image of a Scottish landscape and the words NEW YEAR on a banner

2025

Merry Christmas

Mark Cavendish: Spoty lifetime award

You May Also Like

An image representing writing and blogging

Where will we go?

Six Thousand

25 Years