I have search other questions on this subject, but could not find anything that was a match.
I have 3 pictures in my index.html that show just fine, but I an having trouble with having a background jpg showing.

```
 <div class="cf">
    <div class="box">
        <a href="">
            <img src="images/pizza.jpg"/>
            <p>Vegetarian</p>
        </a>
    </div>
    <div class="box">
        <a href="">
            <img src="images/pasta.jpg"/>
            <p>5 Minuts Meals</p>
        </a>
    </div>
    <div class="box">
        <a href="">
            <img src="images/diet.jpg"/>
            <p>Diet Recipes</p>
        </a>
    </div>
</div>

```

### style.css

```
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#main {
    background-image: url("images/dishes.jpg");
    height: 438px;
}

```