Fill image technique

page.html

<div class="main column left">
    <img src="/images/placeholder/graphic_630x420.jpg" alt="First 2012 Mission Creek Festival Announcement" />
    <div class="headline">
        <h3>First 2012 Mission Creek Festival Announcement</h3>
        <p>
            Iowa City’s Mission Creek Festival Returns March 27-April 1, 2012, and KRUI has the scoop on the star-studded line-up...and this is just the first announcement!
        </p>
    </div>
</div>

style.css

/* Large feature */
.main {
    height: 420px;
    width: 630px;
}

.main h3 {
    font-size: 25px;
    font-weight: 700;
}

.main p {
    line-height: 18px;
}

.main img {
    min-height: 100%;
    min-width: 630px;
    width: 100%;
    z-index: -1;
}

.main .headline {
    position: absolute;
    width: 400px;
    top: 450px;
}