Table caption is vertical?

I am working on The Striped Umbrella website for a graduate class I am taking. We are currently working on inserting tables. I have inserted the table and set the table selector properties, but for some reason my table's caption isn't displaying correctly and I am not sure what to do. It displays like this in DW, however it displays vertically (see next screen image) in Live view as well as when I check the page in a browser. Can anyone help me get it to display horizontally?

My code is as follows:

<div class="fluid table_div"><table>

  <caption>

    The Sand Crab Cafe Hours

  </caption>

  <tbody>

    <tr>

      <th scope="col"> </th>

      <th scope="col"> </th>

      <th scope="col"> </th>

    </tr>

    <tr>

      <td> </td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td> </td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td> </td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td> </td>

      <td> </td>

      <td> </td>

    </tr>

  </tbody>

</table>