title: ScrollView fading edge with background image: Text Cut off
body: <p>I have a <code>TableLayout</code> within <code>ScrollView</code> with a background image. The problem I face is that in the custom background image, the position of the fading edge is beyond the white border of the background image. It is not very nice. How can I make the fading edge appear before the white border?</p>
  
  <p><a href="http://img444.imageshack.us/img444/6775/fadingedge.png" rel="nofollow noreferrer">http://img444.imageshack.us/img444/6775/fadingedge.png</a></p>
  
  <p>XML</p>
  
  <pre><code>&lt;ScrollView android:id="@+id/ScrollView01"
  android:layout_width="fill_parent"
  android:layout_height="240dip"
  android:layout_alignParentLeft="true"
  android:layout_marginRight="9dip"
  android:layout_marginLeft="10dip"
  android:background="@drawable/bg"
  &gt;
      &lt;TableLayout android:id="@+id/table" android:layout_width="fill_parent"
      android:layout_marginBottom="10dip"  android:layout_marginTop="10dip"    
      android:layout_height="fill_parent"&gt;
  
      &lt;TableRow android:id="@+id/TableRow01" android:layout_marginLeft="20dip"        
      android:layout_marginTop="10dip" android:layout_width="wrap_content" 
      android:layout_height="wrap_content"&gt;
      &lt;/TableRow&gt;
  
      &lt;/TableLayout&gt;
  
  &lt;/ScrollView&gt;
  </code></pre>