title: ICS TimePicker sliders has weird see-thru styles
body: <p>I'm experience a very weird behaviuor with the android <code>TimePicker</code> where the sliders are appearing to be transparent.</p>
  
  <p>Below are two images:</p>
  
  <ol>
  <li>When the list on the page is empty. As you can see, the sliders in the TimePicker in the bottom are transparent.</li>
  <li>When the list is populated. This is even worse. The content of the list somehow are reflected 180 deg onto the transparent section of the sliders.</li>
  </ol>
  
  <p><img src="https://i.stack.imgur.com/ucipH.png" alt="Empty List "></p>
  
  <p><img src="https://i.stack.imgur.com/D49KK.png" alt="Populated List"></p>
  
  <p>This is very frustrating. So far, I have no clue how this came to be. I'm also attaching my view's xml for reference. The theme I'm using is an unmodified <code>Theme.Sherlock.</code></p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"&gt;
  
      &lt;RelativeLayout
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_alignLeft="@+id/date_picker"
              &gt;
          &lt;ListView
                  android:layout_height="fill_parent"
                  android:layout_width="fill_parent"
                  android:layout_alignParentTop="true"
                  android:id="@+id/availabilityListView"
                  android:layout_above="@+id/add_more"/&gt;
  
          &lt;Button
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:text="@string/suggest_more_time"
                  android:id="@+id/add_more"
                  android:layout_gravity="center"
                  android:layout_alignParentBottom="true"
                  /&gt;
  
      &lt;/RelativeLayout&gt;
  
      &lt;LinearLayout
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:layout_alignLeft="@+id/date_picker"
              android:layout_alignParentBottom="true"
              android:layout_alignParentLeft="true"
              android:id="@+id/suggestion_overlay"&gt;
  
  
          &lt;DatePicker
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:id="@+id/date_picker"
                  android:layout_weight="1"/&gt;
          &lt;TimePicker
                  android:id="@+id/time_picker"
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:layout_weight="1"
                  android:longClickable="false"/&gt;
  
          &lt;Button
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:text="@string/add_suggestion"
                  android:id="@+id/suggest_button"/&gt;
  
      &lt;/LinearLayout&gt;
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>