Emulator output appears different to layout view

My emulator is showing a very different layout than my XML shows in the layout view.

My layout view is set to Nexus 4 as well as my emulator, so they should appear the same in practice.

My layout view

My emulator view

My XML code

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://ift.tt/nIICcg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#87CEFA"
android:orientation="vertical"
android:typeface="serif" >

<Button
    android:id="@+id/button1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_below="@+id/textView1"
    android:layout_marginTop="95dp"
    android:background="@drawable/button_selector" />

<Button
    android:id="@+id/button5"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_alignLeft="@+id/button7"
    android:layout_below="@+id/button1"
    android:background="@drawable/button_selector5" />

<Button
    android:id="@+id/button6"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_alignBaseline="@+id/button5"
    android:layout_alignBottom="@+id/button5"
    android:layout_alignParentRight="true"
    android:background="@drawable/button_selector6" />

<Button
    android:id="@+id/button3"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_above="@+id/button6"
    android:layout_alignParentRight="true"
    android:background="@drawable/button_selector3" />

<Button
    android:id="@+id/button2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_above="@+id/button5"
    android:layout_alignLeft="@+id/button5"
    android:background="@drawable/button_selector2" />

<Button
    android:id="@+id/button4"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:scaleType="fitXY"
    android:layout_alignBaseline="@+id/button5"
    android:layout_alignBottom="@+id/button5"
    android:layout_alignParentLeft="true"
    android:background="@drawable/button_selector4" />

<Button
    android:id="@+id/button7"
    android:layout_width="100dp"
    android:layout_height="80dp"
    android:scaleType="fitXY"
    android:layout_below="@+id/button5"
    android:layout_centerHorizontal="true"
    android:background="@drawable/tick"
    android:textColor="#000000" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/textView4"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="35dp"
    android:textSize="48sp"
    android:text="0"
    android:textColor="#ffffff" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/button3"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="29dp"
    android:layout_marginTop="31dp"
    android:text="0"
    android:textColor="#ffffff"
    android:textSize="48sp" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/textView4"
    android:layout_alignBottom="@+id/textView4"
    android:layout_alignRight="@+id/button2"
    android:text="0"
    android:textColor="#ffffff"
    android:textSize="48sp" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/button1"
    android:layout_marginLeft="29dp"
    android:layout_toRightOf="@+id/button1"
    android:text="0"
    android:textColor="#ffffff"
    android:textSize="48sp" />

</RelativeLayout>

I imagine it is an issue with my XML but I just can't see it or don't have enough experience with XML layouts.