title: Android card view has thin gray line in between cards
body: <p>I have an android List view which shows card-like views, and as you can see in this picture, there is a thin gray line between my cards:</p>
  
  <p><img src="https://i.stack.imgur.com/g2oDK.png" alt="enter image description here"></p>
  
  <p>How can I get rid of the gray line?</p>
  
  <p>My xml to achieve this card view is like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"&gt;
  
  &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_marginLeft="6dp"
          android:layout_marginRight="6dp"
          android:layout_marginTop="4dp"
          android:layout_marginBottom="4dp"
          android:orientation="vertical"
          android:background="@drawable/bg_card"&gt;
  
      &lt;!-- Card Contents go here --&gt;
  
      &lt;TextView
              android:id="@+id/beerNameList"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:text="Large Text"
              android:textAppearance="?android:attr/textAppearanceLarge" /&gt;
  
      &lt;TextView
              android:id="@+id/beerBreweryNameList"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="TextView" /&gt;
  
  &lt;/LinearLayout&gt;
  
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>bg_card.xml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item&gt;
          &lt;shape android:shape="rectangle"
                 android:dither="true"&gt;
  
              &lt;corners android:radius="2dp"/&gt;
  
              &lt;solid android:color="#ccc" /&gt;
  
          &lt;/shape&gt;
      &lt;/item&gt;
  
      &lt;item android:bottom="2dp"&gt;
          &lt;shape android:shape="rectangle"
                 android:dither="true"&gt;
  
              &lt;corners android:radius="2dp" /&gt;
  
              &lt;solid android:color="@android:color/white" /&gt;
  
              &lt;padding android:bottom="8dp"
                       android:left="8dp"
                       android:right="8dp"
                       android:top="8dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>Tried the change in the divider height, here is my code it did not get rid of the gray line:</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical"
      tools:context=".MainActivity" &gt;
  
      &lt;LinearLayout
          android:id="@+id/linlaHeaderProgress"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:gravity="center"
          android:orientation="vertical"
          android:visibility="gone" &gt;
  
          &lt;ProgressBar
              android:id="@+id/pbHeaderProgress"
              style="android@style/Spinner"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" &gt;
          &lt;/ProgressBar&gt;
      &lt;/LinearLayout&gt;
  
      &lt;ListView
          android:id="@android:id/list"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:dividerHeight="0px"
          &gt;
      &lt;/ListView&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>