n00b needing some CSS help

[jones14]

Hi, I'm building a website for an FBLA competition and i've ran into a small problem that I believe has to do with CSS, i've looked at it for hours trying to figure it out and am still confused, it does show up fine in the preview in Dreamweaver, but in Safari and Firefox there are gaps in between some of my divs and I can't seem to resolve them because tbh I don't have a clue about CSS. I can't host the website yet, sry. I attached a screenshot though.
Here is the CSS code for the specific part

/* CONTENT BOX*/  
.content_box {
	width:825px;
	float:none;
	margin:auto;
}
  
.content_main{  
background:url(images/content.png);  
background-repeat:repeat-y;  
width: 825px;  
}  
  
.content_main p {
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
	margin-left: 30px;
	margin-right: 30px;
}   
.content_bottom {  
background:url(images/content_bottom.png);  
background-repeat:no-repeat;  
width:825px;   
margin-bottom: 0px;
height:45px;
}  
  
.content_bottom p {  
font-family: Verdana, Arial, Helvetica, sans-serif, Impact;  
color: #5C5741;  
font-size: 9px;  
float: right;  
padding-top: 0px;  
padding-right: 15px;  
padding-left: 15px;  
padding-bottom: 10px;  
  
}  
/* CONTENT BOX END*/

The HTML (looks good to me)

<div class="content_box">  
<div class="content_main">  
<p>texjgrolkjglkajdfl;kadjfl;akdjfl;akdjfal;kdjf;lakdjfl;akdjfal;dksfja;ldkjfa;ldkjfaldkjfalkdjfla;dkjfaajl;kdfjakldjfalskdjflaksdjf</p>
<p>al;ksjdfal;ksdjfal;ksjdfl;aksdjfalskdjfal;skdfjal;dkfjas;ldkfjads;lkfjas;ldkfjasldkfjal;sdkfjalsdkfjalt</p>
</div>  
<div class="content_bottom">  
<p></p></div>
</div>

Thanks for looking!

 

[jones14]

oops, just had a breakthrough, for the content and bottom content classes I added a negative 11 top margin and it sealed those gaps right up, thanks for looking anyways.

Thread can be closed now, sry!

 

[brasseale]

Firebug

I don't know if you use firebug or not, but it really helps with a lot of problems like you posted here. Check it out.