CSS & Div Problem

[Luckyrare]

I started designing the profile system on Uploadz yesterday.


OK anyway can anyone help me fix this...

CSS:



body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #888888;
}
h2{
font-size:14pt;
padding: 0px;
margin-top: 0px;
}
#left{
width: 250px;
padding: 25px;
float: left;
}
#right{
padding: 25px;
padding-left: 0px;
float: left;
}
#cont_small{
width: 210px;
background-image:url(images/bg_small.png);
padding: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-repeat:repeat-y;
}
#cont_big{
width: 460px;
background-image:url(images/bg_big.png);
padding: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-repeat:repeat-y;
}
#buddy{
width: 25%;
float: left;
text-align:center;
padding-bottom: 10px;
}


<img src="images/header_big.png" width="500" height="14" /><div id="cont_big">
<h2 align="center">My Friends</h2>
<div id="buddy"><img src="images/avatar.png" /><br />Danny</div>
<div id="buddy"><img src="images/avatar.png" /><br />Danny</div>
<div id="buddy"><img src="images/avatar.png" /><br />Danny</div>
<div id="buddy"><img src="images/avatar.png" /><br />Danny</div>
<div id="buddy"><img src="images/avatar.png" /><br />Danny</div>

</div>
<img src="images/footer_big.png" style="padding-bottom: 15px;" width="500" height="14" />

View in Firefox (http://www.uploadz.co.uk/368ff.png)
View in IE (http://www.uploadz.co.uk/737ie.png)

Thanks guys ;)

[Luckyrare]

Anyone? I would of thought someone would know o.O Rep will be rewarded"/

[Luckyrare]

dw. Found a fix...