Gah, why me?!

programming web dev
1

Ok, so I’m trying to design a blog.

When i grab one record from the database it looks fine, but when i grab the second one. it looks completely f’ed up!

(low quality)

So whats wrong here?!

My CSS code:


.content_top {
	background-image:url(content_top.png);
	width:650px;
	height:83px;
	margin:0 auto;
	padding-left:50px;
	background-repeat:no-repeat;
	padding-top:15px;
	padding-right:50px;
	
}
.content_top_title {
	font-family:Helvetica;
	font-size:19px;
	color:#FFFFFF;
	background-image:none;
}
.content_top_postdate {
	font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
	background-image:none;
	
}
.content_top_poster {
	font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
	background-image:none;
	float:right;
}
.content_body{
	background-image:url(content_middle.png);
	height:190px;
	width:650px;
	margin:0 auto;
	padding-left:50px;
	color:#FFFFFF;
	height:auto;
	background-repeat:repeat;
	padding-right:50px;

}

.content_body_content {
	font-family:verdana;
	font-size:13px;
	color:#FFFFFF;
	background-image:none;
}

.content_bottom {
 background-image:url(content_bottom.png);
 width:750px;
 height:65px;
 margin: 0 auto;
}

my php code:


<?php
$query = "SELECT * FROM posts"; 
	 
$result = mysql_query($query) or die(mysql_error());


while($row = mysql_fetch_array($result)){
echo '<div class="content_top_title">';
echo $row['post_title'];
echo '<div class="content_top_poster">Posted By ';
echo $row['post_author'];
echo '</div>';
echo '</div>';
echo '<div class="content_top_postdate">Posted On: ';
echo $row['post_date'];
echo '</div>';
echo '</div>';
echo '<div class="content_body">';
echo '<div class="content_body_content">';
echo '<p>';
echo $row['post_body'];
echo '</p>';
echo '</div>';
echo '</div>';
echo '<div class="content_bottom"></div>';
}
?>