title: ImageButton is overlapping another ImageButton
body: <p>I have this layout on preview</p>
  
  <p><img src="https://i.stack.imgur.com/c2ovv.png" alt="enter image description here"></p>
  
  <p>With this code:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:background="@drawable/actionbar_background"
  android:gravity="center_vertical"
  android:orientation="horizontal"
  android:paddingRight="10dp" &gt;
  
  &lt;ImageButton
      android:id="@+action_bar_documentos/btn_menu"
      android:layout_width="48dp"
      android:layout_height="48dp"
      android:layout_alignParentLeft="true"
      android:layout_alignParentTop="true"
      android:layout_marginLeft="5dp"
      android:adjustViewBounds="true"
      android:background="@drawable/list_selector_action_bar"
      android:contentDescription="@string/app_name"
      android:cropToPadding="false"
      android:onClick="menu"
      android:scaleType="center"
      android:src="@drawable/menu" /&gt;
  
      &lt;RelativeLayout
          android:id="@+id/relativeLayout1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentTop="true"
          android:layout_toRightOf="@+action_bar_documentos/btn_menu" &gt;
  
          &lt;ImageButton
              android:id="@+action_bar/btn_camera"
              android:layout_width="48dp"
              android:layout_height="48dp"
              android:layout_alignParentBottom="true"
              android:layout_alignParentLeft="false"
              android:layout_toRightOf="@+action_bar/btn_menu"
              android:background="@drawable/list_selector_action_bar"
              android:contentDescription="@string/app_name"
              android:onClick="btnCamera"
              android:scaleType="centerCrop"
              android:src="@drawable/img_camera" /&gt;
  
          &lt;ImageButton
              android:id="@+action_bar_documentos/btn_search"
              android:layout_width="48dp"
              android:layout_height="wrap_content"
              android:layout_centerVertical="true"
              android:layout_alignParentBottom="true"
              android:layout_toRightOf="@+action_bar_documentos/btn_camera"
              android:background="@drawable/list_selector_action_bar"
              android:contentDescription="@string/app_name"
              android:onClick="filtro"
              android:paddingBottom="5dp"
              android:paddingLeft="3dp"
              android:paddingRight="3dp"
              android:paddingTop="3dp"
              android:scaleType="centerCrop"
              android:src="@drawable/btn_filtro_top" /&gt;
  
      &lt;/RelativeLayout&gt;....
  </code></pre>
  
  <p>It's look fine, for now. But when I run my app, the layout become:</p>
  
  <p><img src="https://i.stack.imgur.com/ZHdPe.png" alt="enter image description here"></p>
  
  <p>There is any problem with screen size? Or the problem is on my xml code?</p>
  
  <p>Thank you, and sorry by grammar mistakes.</p>