I've been trying to apply a simple background image to a div. It seems like such a simple problem but after hours of searching through many threads on Stack and other sources, and trying many of the solutions, i'm still looking at an empty div. 

I've verified that the asterisk.png file exists and renders when called by itself from an tag. 

Here is the HTML

```
  <div class="element"></div>

```

Here is the CSS

```
.element{
  background-image: url('images/asterisk.png');
  background-repeat: repeat-x;
  width: 400px;
  height: 50px;
}

```

Im hoping someone can point out the simple error I'm making here ... Thanks!