style changes on the iphone when updating text dynamically, scaling issue?

I have a few divs thats I dynamically update by changing the style from none to block

They look fine on the ipad, FireFox, IE, Chrome

But when I check the iphone, the text within these divs seem to not scale correctly. The divs have both a class and a style, eg:

[CODE]
<div style=”display: block;” id=”rot1″ class=”contentcentre”>
<ul class=”news”>
<li><div class=”listart”></div>
<h3>title 1</h3> <p>text1</p>
</li>
</ul>
</div>
<div style=”display: none;” id=”rot1″ class=”contentcentre”>
<ul class=”news”>
<li><div class=”listart”></div>
<h3>title 2</h3> <p>text2</p>
</li>
</ul>
</div>
<div style=”display: none;” id=”rot1″ class=”contentcentre”>
<ul class=”news”>
<li><div class=”listart”></div>
<h3>title 3</h3> <p>text3</p>
</li>
</ul>
</div>

[/CODE]

[For reference, the site is rightsfortenants.co.uk and you can see the text rotating (wait 30 seconds) … but you will only see this on the iphone ]

Does anyone know what the issue it (is it due to the scaling?), and how would I go about fixing this?

Also in #CSS _↴