Can't seem to line up the widths of two elements in my CSS

Question

On this page
pictopoetry.co.uk/category/poem/
You can see there are two elements I want to line up but they miss by a pixel
The two rules for the CSS are below.
So my question is how do I get those two elements to line up neatly?
Thanks
Martin
div#content h2 {
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
background:url("images/bkgalphabr30.png") repeat scroll left top transparent;
border-color:silver silver -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#666666;
font-size:1.5em;
font-weight:normal;
padding:0 0 1em 0.625em;
width:100%;
div.post div.entry, div.page div.entry, div.post-cat-fifteen div.entry, div.post-cat-three div.entry {
-moz-border-radius-bottomleft:0.4em;
-moz-border-radius-bottomright:0.4em;
background:url("images/bkgalphawh85.png") repeat scroll left top transparent;
border-color:-moz-use-text-color silver silver;
border-right:1px solid silver;
border-style:none solid solid;
border-width:medium 1px 1px;
float:left;
margin-bottom:1.25em;
padding:0.75em 0.5em 1.2em;
width:100%;

Answer 1

You are at the mercy of the percent sign...By defining the width of .entry as 100%, you lose the fine-tuning ability that pixels gives you.
By changing the width to a stated 609px (!), I was able to make them meet sweetly:
div.post div.entry, div.page div.entry, div.post-cat-fifteen div.entry, div.post-cat-three div.entry     { /*added div.post-cat-fifteen */
     background: url("images/bkgalphawh85.png") repeat scroll left top transparent;
     border: solid 1px silver;
     -webkit-border-bottom-right-radius: 0.4em;
     -webkit-border-bottom-left-radius: 0.4em;
     -moz-border-radius-bottomright: 0.4em;
     -moz-border-radius-bottomleft: 0.4em;
     border-bottom-right-radius: 0.4em;
     border-bottom-left-radius: 0.4em;
     border-top: none;
     padding: 0.75em 0.5em 1.2em;
     margin-bottom: 1.25em;
     width:609px;
     float:left;
Beth