When viewing the content under Chrome and IE, the two text blocks are displayed on the same line. However, in Safari 5.1.7, the text appears on different lines (above and below).
Could there be something missing in the CSS that needs to be added for Safari?
The HTML and CSS code can be found here - http://jsfiddle.net/Dano007/RKecc/
Here is a snippet of the HTML:
<div class=" grid 6 cheese_people_l" id="cheese_people_l">
<img id="cheese_people_l"src="img/cheese_expert.jpg">
<p>Chief Cheese Taster <br/> Dave Le Conk</p>
<p class="chesse_people">“I've always had a passion for cheese. Now I get to taste it everyday! After nearly 20 years I'm still loving the job that I do. I can't actually see myself doing anything else.”</p>
</div>
<div class=" grid 6 cheese_people_r" id="cheese_people_r">
<img id="cheese_people_r" src="img/cheese_owner.jpg">
<p>The Big Cheese Owner <br/> Sally Fiffle</p>
<p class="chesse_people">“I wanted to create an online store that I'd would trust. This has been done by our amazing staff and the products they produce. Nothing can replace dedication and pasion.”</p>
</div>