[RESOLVED] General styling – incorrect coding

Styling several elements together and getting all their positions right presently pushes the limits of my CSS knowledge. Please see URL:

[url]http://www.medledger.com/Medledger10/support.shtml[/url]

The code starts with “You guys are wonderful…”, where I need to create about 5 more testimonials down the page. I thought I had everything right, but when I laid in a horizintal rule as a seperator for the next testimonial, it displays [B]inside[/B] my ‘clientbox’ div, even though it’s coded outside of it:

[CODE]<div class=”clientbox”>
<div class=”quote”><p class=”said”>You guys are wonderful! Your software and personnel have made my job so easy. I appreciate all the support. Working with you has been like working with a friend.</p>
</div>
<div class=”pic”><img src=”images/ClientPix-Dianne.jpg”></div>
<div class=”siginfo”>
<p><strong>Dianne Ganley</strong><br>
Business Manager<br>
<span class=”practice”>Ashland Internal Medicine</span></p>
</div>
</div><!–end ‘clientbox’–>

<hr size=”2″ noshade color=”#93CCE9″><br />[/CODE]

These styles are embedded on the page:

[CODE].quote {display:block;}
p.said {font-style:italic; font-size:14px;}
.clientbox {width:100%;}
.pic {float:right; margin-left:15px;}
.siginfo {float:right; width:auto; text-align:right; margin-top:5px;}
.practice {font-size:10px;}[/CODE]

Can you tell me how to straighten out this code so that the .clientbox should encompass all of these elements except for the <hr>, so that I can then repeat the .clientbox code down the page, seperated by the <hr>s in between?

Thanks so much,

John

Also in #CSS _↴