title: Android Navigation Drawer and windowActionBarOverlay = true
body: <p>I'm trying to implement the new Android Navigation Drawer in my application. I have created a BaseActivity.java that handles the Drawer setup and listeners, and I have two subactivities that extend this base class. On the second activity, I plan to use a different action bar style, using the following attrs:</p>
  
  <pre><code>&lt;item name="android:windowActionBarOverlay"&gt;true&lt;/item&gt;
  &lt;item name="android:background"&gt;@android:color/transparent&lt;/item&gt;
  </code></pre>
  
  <p>to make the action bar transparent, and make content richer, as there is a picture header in my layout. </p>
  
  <p>I've achieved just that, but now the problem is, that because the content is expanding to take advantage of the extra space of using the ActionBar as overlay, the Navigation Drawer itself is expanding too and it overlaps the ActionBar, creating a pretty awful looking layout: </p>
  
  <p><img src="https://i.stack.imgur.com/Yas83l.jpg" alt="enter image description here"></p>
  
  <p>What I'd like to have done, is the actual content (frame layout that will be populated with a fragment) to take up the extra space, but have the nav drawer still go underneath the action bar, similar to the Play Music App: </p>
  
  <p><img src="https://i.stack.imgur.com/E25Ftl.jpg" alt="enter image description here"></p>
  
  <p>Any ideas on what I can do to make that happen? </p>
  
  <p><strong>EDIT</strong> So, as per Ahmad's assistance I set the <code>marginTop</code> on the ListView only. Here's the layout: </p>
  
  <pre><code>&lt;!-- The navigation drawer --&gt;
  &lt;ListView android:id="@+id/left_drawer"
            android:layout_marginTop="?android:attr/actionBarSize"
  &lt;!-- This was added after seeing the crazy effect, but does nothing --&gt;
            android:layout_marginBottom="0dp"
            android:layout_marginLeft="0dp"
            android:layout_marginRight="0dp"
            android:layout_width="240dp"
            android:layout_height="fill_parent"
            android:layout_gravity="start"
            android:choiceMode="singleChoice"
            android:background="?attr/listviewBackground"
            /&gt;
  </code></pre>
  
  <p>And now, it works great for the top side, but for some reason there's also a margin at the bottom of the view, which doesn't make any sense to me at all. <a href="http://db.tt/9uKyRSRM" rel="noreferrer">Here's a screenshot</a>. </p>
  
  <p>Not sure what's causing it :(</p>