I have a space between my divs and I can not figure out where this sucker is coming from. I have checked all images to make sure they are the same and it is still there.
The development site is www.jpadams.com/test/user/list.php
Here is the CSS
#Table_01 {
left:0px;
top:0px;
width:1024px;
height:768px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#Header {
left:0px;
top:0px;
width:1024px;
height:131px;
}
#Avatar {
float: left;
left:0px;
top:131px;
width:270px;
height:637px;
}
#Content {
float: left;
left:270px;
top:131px;
width:676px;
height:458px;
background-color: #abaaaa;
}
#RightSide {
float: right;
left:946px;
top:131px;
width:78px;
height:637px;
}
#Footer {
float: left;
left:270px;
top:589px;
width:676px;
height:179px;
}
#Copyright {
}
Here is the HTML
<div id="Table_01">
<div id="Header">
<img src="images/Header.png" width="1024" height="131">
</div>
<div id="Avatar">
<img src="images/Avatar.png" width="270" height="637">
</div>
<div id="Content">
Content.....
</div>
<div id="RightSide">
<img src="images/RightSide.png" width="78" height="637">
</div>
<div id="Footer">
<img src="images/Footer.png" width="676" height="179">
</div>
<div id="Copyright">
Jonathan Adams
</div>
</div>