how to set an image to RelativeLayout Background
===

i have a relativelaout with 2 buttons inside.
one Button has layout_alignParentLeft="true" property and the other button has layout_alignParentRight="true"
i want set a background on my RelativeLayout that show an image in the middle. i have a play.9.png in my drawable and use fllowing code:

    <RelativeLayout
        android:id="@+id/relativeLayout12"
        android:layout_width="fill_parent"
        android:layout_height="70dp" 
        android:background="@drawable/play" // background line
     >
    
        <Button
            android:id="@+id/bAbout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="but1" />
    
        <Button
            android:id="@+id/bSync"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:text="but2" />
    </RelativeLayout>

but when i use background line my Button miss their position
see the image below
![enter image description here][1]

but i want my relativelayout be like this:

![enter image description here][2]

what is wrong?

  [1]: http://i.stack.imgur.com/KsD75.jpg
  [2]: http://i.stack.imgur.com/oi6tG.jpg