repeat-x not showing up

[acrymble]

Hi,

I'm having problems making an image repeat horizontally. Ironically, the CSS was working fine, but we've recently migrated from a windows server to a linux one and I'm wondering if that might be part of the problem.

This is the CSS:

        
div.solidLine {
    background: url('http://niche-canada.org/files/images/dash.gif');
    background-repeat: repeat-x;
    height: 5px;
    overflow: hidden;
    margin: 1px 0;
}

I previously got this to show a solid line the width of whereever it was placed by inserting:

<div class="solidLine"></div>

However now it shows absolutely nothing. I've double checked the URL and the image is located there. Anyone have any ideas what the problem might be?

Thanks

[KDLA]

Try taking the apostrophes out of the url:

background: url(http://niche-canada.org/files/images/dash.gif);

[acrymble]

Thanks for the reply. I've tried removing the apostrophes, but it still isn't showing up. I've also tried using a relative path and even changing it to an image hosted on a different website entirely.

[KDLA]

try adding "width: 100%;" to see if it shows

[acrymble]

Tried adding 100%, but still no luck.

Incidentally, if I remove the "background-repeat: repeat-x;" the image still doesn't appear, so it seems to be an issue at the first line.

[KDLA]

Try inserting the image into an HTML page, just to see if it appears (outside of the CSS).

[acrymble]

The image appears fine if I use it directly in an "img" tag.

[KDLA]

It appears for me, using your code. Try validating your CSS, to see if there could be a parsing error. http://jigsaw.w3.org/css-validator/