Bordure disparaît sur mobile

bonjours,

j'ai ca sur une page

<div class="cadre_visible">
<div class="titre">Information</div>
<div class="contenu">
mon texte
<br />
mmmm
</div>
/div>

et j'ai mis en haut

      <!-- meta -->
      <meta charset="UTF-8"/>
      <meta name="keywords" content="Site,Communautaire,Sortie organisé,Leprojet,Le projet,leprojet"/>
      <!--portable -->
	  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	  <meta name="description" content=""/>
	  <meta name="author" content=""/>

et le css

	  .cadre_visible
	  {
		  border:thin dotted  #000000;
	  margin-top:10px;
	  margin-bottom:10px;
	  overflow:hidden;
	  }
	  .titre
	  {
	  border-bottom:thin dotted  #000000;
	  background-color:#BFD73B;
	  padding:5px;
	  }

	  .contenu
	  {
	  background-color:#F0F0F2;
	  padding:5px;
	  }

mon cadre visible on voit bien les bordure sur sur firefox, ie 10, et google crome

mais qd je vais sur mon portable samsung android galaxy s2

je ne vois pas mes bordure du cadre visible

es ce qu'il y a moyen de le faire réapparaître en forçant sur la bordure pour portable

merci de votre aide

Bonjour,

Le div non fermée, c'est une faute de frappe ?
Je n'ai pas de GS2 sous la main (sans doute vaudrait-il mieux parler de la version de l'OS embarqué que de l'appellation de l'appareil )

Bref, sur tablette et smartphone de la pomme, cela fonctionne.
Que donne ce test sur votre appareil ?

ca ne marche pas j'ai tester mai on ne voi pas les bordure

j'ai tester sur ce site

http://mattkersley.com/responsive/

là je vois bien ma bordure

mais pas sur mobile