title: CSS3 "Column-count" does not align top of columns (Wordpress, responsive)
body: <p>first of all, I found <a href="https://stackoverflow.com/questions/17050353/wordpress-css3-column-count">that Question here</a> but the answer won't quite fit in my case, which is why I ask a question, that may seem similar but isn't. If that makes sense somehow :-D</p>
  
  <p>I'm creating a childtheme to the "responsive"-Wordpresstheme from cyberchimps.</p>
  
  <p>For that I needed text to shape in 3 columns, but also to be editable in the backend of the Site. I managed that with CCS:</p>
  
  <pre><code>.col-940{
      clear: none;
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -webkit-column-gap: 40px;
      -moz-column-count: 3; /* Firefox */
      -moz-column-gap: 40px; 
      column-count: 3;
      column-gap: 40px;
  }
  
  p {
      margin: 5px 0px 0px 0px;
  }
  </code></pre>
  
  <p>That now generates the problem, that the first column starts 5px lower than the following ones. I can't figure out why.</p>
  
  <p>As said above the answer in the other thread will not work, because I also have sub-sites that only use 2 columns, which is why I can't use a defined width.
  Above/before the div the text is in there always is just another div.</p>
  
  <p>(PHP)container the text is in:
      </p>
  
  <pre><code>&lt;?php if( have_posts() ) : ?&gt;
  
      &lt;?php while( have_posts() ) : the_post(); ?&gt;
  
          &lt;?php responsive_entry_before(); ?&gt;
          &lt;div id="post-&lt;?php the_ID(); ?&gt;" &lt;?php post_class(); ?&gt;&gt;
              &lt;?php responsive_entry_top(); ?&gt;
  
              &lt;div class="post-entry"&gt;
                  &lt;?php the_content( __( 'Read more &amp;#8250;', 'responsive' ) ); ?&gt;
                  &lt;?php wp_link_pages( array( 'before' =&gt; '&lt;div class="pagination"&gt;' . __( 'Pages:', 'responsive' ), 'after' =&gt; '&lt;/div&gt;' ) ); ?&gt;
              &lt;/div&gt;
              &lt;!-- end of .post-entry --&gt;
  
              &lt;?php responsive_entry_bottom(); ?&gt;
          &lt;/div&gt;&lt;!-- end of #post-&lt;?php the_ID(); ?&gt; --&gt;
  
      &lt;?php
      endwhile;
  
      get_template_part( 'loop-nav' );
  
  else :
  
      get_template_part( 'loop-no-posts' );
  
  endif;
  ?&gt;
  </code></pre>
  
  <p></p>
  
  <p>(HTML)container as produced by the PHP:</p>
  
  <p></p>
  
  <pre><code>&lt;div id="post-25" class="post-25 page type-page status-publish hentry"&gt;
      &lt;!--
          &lt;h1 class="entry-title post-title"&gt;Kontakt&lt;/h1&gt;…
      --&gt;
      &lt;div class="post-entry"&gt;
          &lt;p&gt;
              Lorem ipsum dolor sit amet, consetetur sadipscing …
          &lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- end of .post-entry --&gt;
  &lt;/div&gt;
  &lt;!--end of #post-25 --&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Screens:</p>
  
  <p><a href="http://abload.de/img/problemg9srj.png" rel="nofollow noreferrer">Shot of the Situation</a></p>
  
  <p><a href="http://abload.de/img/problem_markiertj8srd.png" rel="nofollow noreferrer">Shot with marked problem</a></p>