images popping out of div problem

[silverglade1]

hi, i have a container div holding other divs that hold images. also, i have a centered header text in the container div. the header doesnt stay centered, and my images pop out of the container div this is only in internet explorer 6. i put my elements in an iefix.css file so its not the inline problem in ie6. any help GREATLY appreciated. here are the link and the code. thanks .derek

css

div.testimonials
{
margin: 2px;
/*border: 1px solid #0000ff;*/
height: 122px;
width: 82px;
float: left;
text-align: center;

}

#testimonial_block {
float: left;
width: 260px;
height: 300px;
margin-top: 80px;
margin-left: 80px;

}

#right_block {
float: right;
width: 275px;
height: 300px;
margin-right: 70px;
margin-top: 80px;
overflow: scroll;

}
#testimonial_header {
margin: 0 auto 0 auto;
width: 200px;
height: 30px;
text-align: center;
padding-top: 10px;

html code for that section

<div id= "testimonial_block">
<div class="style1" id="testimonial_header">Testimonials</div>
<div class ="testimonials"><img src="testimonials/images/t1.gif" width="79" height="116" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t2.gif" width="81" height="120" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t3.gif" width="78" height="116" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t4.gif" width="79" height="115" border="0" /></div>
<div class ="testimonials"><img src="testimonials/images/t5.gif" width="78" height="119" border="0" /></div>
<div class ="testimonials"><img src="testimonials/images/t6.gif" width="78" height="120" border="0" /></div>

</div> <!-- end testimonial block-->

[edited by: silverglade1 at 12:27 pm (utc) on Jan. 21, 2009]

[4css]

Hi silverglade1

Welcome to WebmasterWorld!

Please read the Forum Charter [webmasterworld.com]. It will describe how to post in here. Posting of url's isn't permitted, so if you can remove your url to your site, please try to snip it out, if not a mod will come along and do this for you. :)

In regards to your floats, have you tried to add a clearing to them? clear: both;

In regards to the header, it appears to be centered, I didn't see any problems with that.

Make sure that your page validates. I ran your page through the validator and there are some problems with it so you might wish to do this and post here for help.

[silverglade1]

sorry, i took off the link. also, i found a fix for the popping out images. i added "overflow:hidden" to the div.testimonials. but my "testimonials" header is still not centering in ie6. any more help greatly appreciated, ive been trying to fix this page for 2 days. LOL! thank you. derek

[4css]

Have you run the page through the (x)html validator? [validator.w3.org] as well as the CSS Validator? [jigsaw.w3.org]

I had run your css and found some errors, these errors could be causing your problems.

run the validator, fix what you know how to fix, and then post what you don't understand here and someone will help you out! :)

btw, thanks for removing your link.

[silverglade1]

nevermind, i fixed the header with margin: auto. thank you for the help before. derek