Not all my class="posts" appear on the page

Hello! I'm developing an application with html5 to learn. I got a template ready, using boostrap. I'm having trouble showing up in one of my "pages", all fields ..

<ul class="posts">

<li class="post" id="postid1">
<a href="#" class="post_more"></a>         
      <div class="post_right_reveal">
        <h4>Academia Mendes</h4>
        <h4>(64)3615-2332</h4>
      </div>
      <div class="post_right_unreveal">
        <a href="#">Rua Bartolomou, N 23, Centro</a>                                                     
        <a href="#" class="post_readmore">Localização</a>
      </div> 

      <div class="post_left">
        <img src="images/item1-cardoso.png" alt="" title="" border="0" height="80" width="80"/>
      </div>
</li>

<li class="post" id="postid2">
<a href="#" class="post_more"></a>         
      <div class="post_right_reveal">
        <h4>Academia Mendes 2</h4>
        <h4>(64)3615-2322</h4>
      </div>
      <div class="post_right_unreveal">
        <a href="#">Rua Bartolomou, N 23, Centro</a>                                                     
        <a href="#" class="post_readmore">Localização</a>
      </div> 

      <div class="post_left">
        <img src="images/item1-cardoso.png" alt="" title="" border="0" height="80" width="80"/>
      </div>
</li>
</ul>

CSS:
ul.posts{ padding:0px; margin:0px; width:100%; display:block;}
ul.posts li.post{ width:100%; height:80px; margin:0 0 10px 0;    position:relative; display: block; }

In this case I put only two items (id="postid1" and id="postid2") here, for example. On my page, it only appears 3 items. I'm not pulling out, why he does not want to appear the other items below.