How to add a horizontal line on a specified height in a div?
===

Suppose I have a div with 500 width and 700 height. How do I put a horizontal line or an image as a background on a specific height?
I have posted it here also http://jsfiddle.net/jt74S/

    <div id="main">
    these are some text and stuff, however the horizontal line/image should not be added with the text, but as a background of these.
    </div>
    
    #main {
        background: none repeat scroll 0 0 rgba(56, 56, 56, 0.75);
        border-radius: 0 3px 0 3px;
        float: left;
        font-size: 48px;
        line-height: 44px;
        padding: 20px;
    }​