saludos sres. de cristalab

Me encuentro con el siguiente dilema...

cree una pagina para web movil usando jquery mobil 1.0 relacionada con php5 y mysql.
la idea es que muestre las ultimas 5 noticias (su titulo y descripcion), lo cual realiza casi bien....

el problema surge con la codificación la cual deberia ser utf8 pero lo agrego en el metatag charset="utf-8" como se aprecia en el codigo y no funciona :(
me aparecen texto como el siguiente

Código HTML :

<ul> <li>Ricardo Guti&eacute;rrez declar&oacute;
mostrando codigo html y acentuacion acute

Se puede ver la pagina aqui [url=http://www.traiguencity.cl/portal/mobi/noticias/index.php][/url]

en la pagina web se ve bien las noticias Las Noticias las obtengo desde esta pagina WEB: www.traiguencity.cl


Código PHP :

<?php require_once('../Connections/Conexion_db.php'); ?>
 <html>
<head>
<meta charset="utf-8">
<link href="../jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css">
<script src="../jquery-mobile/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>

<?php $maxRows_conecta = 5;
$pageNum_conecta = 0;
if (isset($_GET['pageNum_conecta'])) {
  $pageNum_conecta = $_GET['pageNum_conecta'];
}
$startRow_conecta = $pageNum_conecta * $maxRows_conecta;

mysql_select_db($database_Conexion_db, $Conexion_db);
$query_conecta = "SELECT id, nome, testo_home, `data` FROM memht_news ORDER BY `data` DESC";
$query_limit_conecta = sprintf("%s LIMIT %d, %d", $query_conecta, $startRow_conecta, $maxRows_conecta);
$conecta = mysql_query($query_limit_conecta, $Conexion_db) or die(mysql_error());
$row_conecta = mysql_fetch_assoc($conecta);

if (isset($_GET['totalRows_conecta'])) {
  $totalRows_conecta = $_GET['totalRows_conecta'];
} else {
  $all_conecta = mysql_query($query_conecta);
  $totalRows_conecta = mysql_num_rows($all_conecta);
}
$totalPages_conecta = ceil($totalRows_conecta/$maxRows_conecta)-1;
?>


<body>
<div data-role="page" id="lista_noticias">
  <div data-role="header" data-theme="b">
    <h1>Noticias</h1>
  </div>
  <div data-role="content" data-theme="e">
      <?php do { ?>
    <div class="ui-body">

        <div class="ui-block-a"> <?php echo $row_conecta['nome']; ?></div>
        <div class="ui-block-a" ><?php echo $row_conecta['testo_home']; ?></div>
  
      
    </div>
            <?php } while ($row_conecta = mysql_fetch_assoc($conecta)); ?>

  
  </div>
  <div data-role="footer" data-theme="b">
    <h4>2007-2012</h4>
  </div>
</div>
</body>
</html>

<?php mysql_free_result($conecta);
?>