复选框无法正确呈现

Question

我的布局中有两个复选框，如下所示

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="false"
        android:gravity="center"
        android:orientation="horizontal"
        android:padding="5dp" >

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center" >

            <CheckBox
                android:id="@+id/cb_mysources_photogallery"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/toggle_button"
                android:clickable="true"
                android:gravity="center" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center" >

            <CheckBox
                android:id="@+id/cb_mysources_picasa"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/toggle_button"
                android:clickable="true"
                android:gravity="center" />
        </LinearLayout>
    </LinearLayout>

所有设备都正确渲染：

但是在三星S2中，android 2.3的显示效果如下：

任何想法为什么会发生这种情况？所有Android版本都支持该复选框。

修改 Here是toggle_button.xml

以下是按钮内的图片：