I think the http://experiencedmoms.com/blog-posts/ page is so messed up because the widths are messed up or for some reason it doesn’t know how big the content or sidebar areas are. So may pictures just continue right to the en of the screen not stopping.
This blog originally had 2 sidebars and then I changed it to just one moving the left one to the right. I didn’t see anything going crazy then, but maybe…
This is all my CSS (I did it all a while ago) – I’m just posting here so maybe someone will notice something
.post .entry-hdr {display:none;}
.featuredproducts .title .corner-right
{
width:657px;
}
#sidebar .title
{
border:none;
}
#sidebar .title .corner-right
{
width:251px;
}
.corner-right h2{
width:100%;
margin-bottom:8px;
display:block;
height:7px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFF;
}
#productbox
{
float:left;
list-style:none;
padding:5px;
margin:2px 2px 2px 2px;
border: 5px solid #cccccc;
width:100%;
}
#productbox td
{
width:140px;
padding:5px;
text-align:center;
background-color: #FFFFFF;
margin:0 6px 5px 0;
border: solid 3px #0B6121;
padding:2px;
}
.featured h1
{
margin:0px;
padding:8px 8px 8px 0;
background-color: #FFF;
font: normal 22px/22px Georgia;
}
.postbody { line-height: 145%; font-size : 12px; background-color: #E8F0F7; }
a.postlink:link { line-height: 145%; text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #006699; }
a.postlink:hover { text-decoration: underline; color : #444444}
.postbodyguide { line-height: 145%; font-size : 12px; }
.postbodybold { line-height: 145%; font-size : 12px; font-weight : bold; }
.postbodyitalic { line-height: 145%; font-size : 12px; font-weight : bold; font-style:italic; }
.content-2-col-left {width:47%;}
.content-2-col-right {width:47%;}
.side-by-side { float: left; margin-right: 2px; }
I put some of it when I had two sidebars