Cannot get underline or image to span a col

help with spanning an underline

[swaddock]

have a two col page. using the right col for navigation. Need to have the underline as definded in the .css, span the width of the col...not just the text. Same with an image.

CSS:
#navhead {
border-top: 0px solid #ddd;
width: 200px;
line-height: 2.3em;
padding: 5px 7px 5px 30px;
background: url(../images/nav-head-bg.gif) no-repeat;
}
#navlink {
border-bottom: 1px solid #ddd;
width: 200px;
height: 34px;
line-height: 2.3em;
padding: 5px 7px 5px 30px;
background: url(../images/bullet10.gif) no-repeat;
}

Referring Code:
<div id="navhead>Options</div><br>
<span id="navhead">Services</span><br>
<span id="navlink"><a href="stelizbeth.html">St. Elizabeth House</a></span><br>
<span id="navlink"><a href="hello.html">Shepard House</a></span><br>
<span id="navlink"><a href="hello.html">Supportive Housing</a></span><br>

[AutumnTD]

Try referring with <div> instead of <span>.

I recently had a similar problem and that solved it.

Not sure about the image, though.