Twitter bootstrap responsive layout

[tidus666x]

I made this responsive layout. It works fine until the width of the screen is less then 800px, it gets messed up.How can I fix this so the logo's just 'shrink' and don't re-arrange themself underneath each other?http://jsfiddle.net/hashie5/Pnc3g/html:\[code\]<div class="container"><div class="testimonials row-fluid"> <div class="span6"> <div class="row-fluid"> <div class="span12"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a> </div> <div class="row-fluid"> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> </div> <div class="row-fluid"> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> <div class="span3"> <a href="http://stackoverflow.com/questions/15810154/#"><img src="http://www.flexmail.net/images/logos/logo_flexmail.png" alt="gas" /></a></div> </div> </div> <div class="span6"> <div class="quote"> <div class="text"> <em>Congratulations! It is really a great tool, it is very friendly for us. Creating a new message is so easy with your smart builder. Thank you for that. 10/10</em> </div> <div class="author">JUAN ISAAC RODRIGUEZ, Credit Report, Peru.</div> </div> </div></div>\[/code\]css:\[code\].testimonials { background-color:#f7f7f7;}.quote { background: url("http://www.flexmail.net/images/quote_home.gif") left top no-repeat; height: 128px; margin: 20px auto 0 auto; padding: 20px;}.quote .text { color: #444444; line-height: 22px;}.quote .author { color: #666666; float: left; font-family:'colaboratelightregular'; font-size: 12px; line-height: 22px; margin: 10px 0 0;}\[/code\]