Background images failing to be linked in middleman. Why?

Vote count:

0

I'm using middleman to develop a static website and for some reason, the background-image refuses to load. I've done this before many times and I have no idea why It's not working.

Here I set the background image:

.background{
    width: 100%;
}

#topbackground{
    background-image: image-url("mountains.jpg");
    height: 1000px;
    border: 1px solid;
}

Here is the fairly simple html:

<div class="background" id="topbackground">
</div> 

But no background image loads, as you can see here:

I have no conflicting stylesheets. The only other stylesheet this page is linked to is normalize.css and I've already tried neutralizing that, but it wasn't the issue.

The image is in the right directory, I have refreshed the server; is there any reason why the image would fail to load?

asked 32 secs ago

Byron S

476