Tabla de soporte de diseño de Android Contenido solapado de superposición

Estoy usando el nuevo TabLayout introducido en la biblioteca de soporte de diseño. Tengo el código como este:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="match_parent" android:layout_width="match_parent"> <android.support.design.widget.CoordinatorLayout android:id="@+id/lines_coordinator" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" android:elevation="4dp"/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.design.widget.CoordinatorLayout> </LinearLayout> 

El problema es que las pestañas superponen la parte superior del contenido que muestran los fragmentos. ¿Cómo puedo arreglar esto? Estoy usando el TabLayout como en los ejemplos en Github, así que creo que no hay ningún problema con mi código. Ya tengo una barra de herramientas porque uso las pestañas de un fragmento en un cajón de navegación, así que lo he eliminado de AppBarLayout.

• Bibliotecas de gráficos Android
• Divisores entre TabWidgets
• Android - Navegación con pestañas en orientación horizontal
• ¿Por qué Tab host no muestra el icono en android?
• ¿Cómo puedo crear un diseño con pestañas completamente en XML?