I'm having a frustrating problem with ScrollView

I'm working on a UI that has a bunch of images and buttons, but since they're too long to fit on one screen, I decided to put it in a ScrollView. Problem is, once I do that, everything disappears except my first image. Here's my code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg" 
    android:baselineAligned="true" 
    android:orientation="vertical">
    <ScrollView 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:id="@+id/scrollView1">
        <LinearLayout 
            android:id="@+id/linearLayout1" 
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent">
            <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:id="@+id/imageView1" 
                android:src="@drawable/header3000" 
                android:layout_gravity="center" 
                android:layout_marginTop="10dip"></ImageView>
            <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:id="@+id/imageView2" 
                android:src="@drawable/websitetuneup" 
                android:layout_gravity="center_horizontal"></ImageView>
            <Button 
                android:layout_width="wrap_content" 
                android:text="Read More" android:id="@+id/readmore_w1" 
                android:layout_height="wrap_content" 
                android:layout_marginLeft="15dip"></Button>
            <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:id="@+id/imageView3" 
                android:src="@drawable/inboundmarketing" 
                android:layout_marginLeft="15dip"></ImageView>
            <Button 
                android:layout_width="wrap_content" 
                android:text="Read More" android:id="@+id/readmore_w2" 
                android:layout_height="wrap_content" 
                android:layout_gravity="right" 
                android:layout_marginRight="15dip"></Button>
            <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:id="@+id/imageView4" 
                android:src="@drawable/socialmedia" 
                android:layout_marginLeft="15dip"></ImageView>
            <Button 
                android:layout_width="wrap_content" 
                android:text="Read More" android:id="@+id/readmore_w3" 
                android:layout_height="wrap_content" 
                android:layout_marginLeft="15dip"&开发者_如何学JAVAgt;</Button>
            </LinearLayout>
    </ScrollView>
</LinearLayout>

Here's what it looks like

Notice how the first image appears fine, but all the rest are minimized into a small portion to the right of the image. How should I fix this? Thanks in advance for your help, and sorry for the long post

The orientation of second LinearLayout is not defined. It seems it is takes as horizontal by default. Try the veritical one.