I have two issues I need to resolve with the menu at www.pixelhallpress.com. I'm working in Dreamweaver CS6

1. I want to have text wrap on the main menu for the items "Coming in 2013" and "For Readers & Book Clubs." How do I create that?

2. More importantly, the menu isn't reflowing for smaller screens, though I am using Fluid Grid Layout, and the menu is within the grid (I believe).

I'd appreciate any suggestions/guidance. The source code is pasted below my signature

Thanks, Sally

Here's the source code:

.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
background-color: #ffffff; /* consider exposing this prop separately*/
color: #0000ff;
}
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
background-color: #ffffff; /* consider exposing this prop separately*/
color: #0000ff;
}
.SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}

/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2141544" binding="#MenuBar" />
</oa:widgets>
-->
</script>
</head>
<div class="gridContainer clearfix">
  <div id="header">
    <p class="ImageSmallMargin"><img src="/_images/icon_from_Website_with_pile.png" alt="Pixel Hall Press icon" width="193" height="140" class="FLoatLeft"></p>
    <p> </p>
    <ul id="MenuBar">
      <li> <a href="../index.html">Home</a></li>
      <li> <a href="#">Books</a>
        <ul>
          <li> <a href="../Books/honor.html"><em>Honor</em></a></li>
          <li> <a href="../Books/jo_joe.html"><em>Jo Joe</em></a>
          <li> <a href="../Books/american_hands_journal.html"><em>American Hands Journal</em></a>
          <li> <a href="../Books/seven_from_haven.html"><em>Seven from Haven</em></a></li>
        </ul>
      </li>
           <li> <a href="#">Coming in 2013</a>
             <ul>
          <li> <a href="../Coming_2013/the_winter_boy.html"><em>The Winter Boy</em></a></li>
          <li> <a href="../Coming_2013/adamv.html"><em>Adam V</em></a>
          <li> <a href="../Coming_2013/cautionary_tales.html"><em>Cautionary Tales for the New Millenium</em></a>
        </ul>
      </li>
      <li> <a href="../for_readers_book_clubs.html">For Readers & Book Clubs</a></li>
      <li> <a href="../links.html">Links</a>
      <li> <a href="../contact.html">Contact</a>      
      </li>
    </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
   widgetClass: "MenuBar  MenuBarFixedLeft",
   insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
      });
// EndOAWidget_Instance_2141544
    </script>
<p> </p>
    <p> </p>
    <hr>
        <p> </p>
  </div>