Need some CSS assistance with the Edgey skin

Hi all,

I'm in the process of tweaking edgey by Kali for one of my archives : http://www.obsidianaccord.com/library/index.php

I'm having some issues with getting the newsbox CSS right.  Basically I'm all set except for the newstitle border going through the image in FF, though in IE it looks fine.  Any suggestions to make it so that the border starts at the news title instead of going through that image.  Here's my newsbox.tpl:

<!-- START BLOCK : newsbox -->
<div class="newsbox {oddeven}">
<img src=""{skindir}/images/ni_bglasses.jpg"" class="left"><div class="newstitle">{newstitle} {adminoptions}</div>
<div class="newsDate">{newsdate} </div>{newsstory}<br /><br />
</div>
<div class="newsibox"> <div class="newsComments"> <img src=""{skindir}/images/comments-small.gif"" style="vertical-align:middle"> {newscomments}</div>  
  </div>

<br /><br />
<!-- END BLOCK : newsbox -->

And here's the CSS I'm working with

/* To make the images align nicely */
img.right 
{
float:right;
padding:5px;
}
img.left 
{
float:left;
padding:5px;

/* The newsbox related CSS */

.newsbox
{

}
.newstitle {
position:relative;
left:10px;

color: #333;
border-bottom: 2px solid #dacfad;
font-weight: bolder;
padding: 3px;
padding-left: 8px;
}
.newsDate
{

text-align: right;
font-variant: small-caps;
font-weight: none;
padding: 5px;

}

.newsAuthor
{
font-weight: bold;
float:left;
}

.newsComments
{
font-size:xx-small;
float:right;
}
.newsibox
{
position:relative;
top:5px;
}

Also, for some reason the recent stories are getting cut off in IE.  Here's a link for my CSS in its totality.  I'm still trying to figure that one too, but if someone can shed some light on what IE is doing..I'd appreciate the help. http://www.obsidianaccord.com/library/skins/edgey/style.css