title: how do I move the image to half the div?
body: <p>Ok so I have this <a href="http://posnation.com/customers" rel="nofollow">Page</a> and as you can see if you scroll down below the map you will see the logo and header for "Barinos Market"...if you click on the read more link the text expands ..which is exactly what i want. The problem I am trying to resolve is when the user clicks read more I need the barinos market image on the left to scroll down with the text and be half way down the div....here is the code...</p>
  
  <pre><code>&lt;div id="barino_info"&gt;
  &lt;div id="barino_header"&gt;&lt;/div&gt;
  &lt;div class="info_body"&gt;
  &lt;div id="barino_left_body"&gt;
  &lt;/div&gt;
  &lt;div class="right_body"&gt;
      &lt;div class="right_body_outer"&gt;
          &lt;ul class="play_navigation"&gt;
              &lt;li class="active"&gt;&lt;a href="#" class="navlinks barino_story_bottom" ref="right_body_inner"&gt;The Story&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#barino_video" class="navlinks barino_video_bottom" ref="bottom_barino_video"&gt;The Video&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a onclick="show_gallery('barino');" href="#" class="navlinks barino_gallery_bottom" ref="bottom_barino_gallery"&gt;The Gallery&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="navlinks barino_equipment_bottom" ref="barino_equipment"&gt;The Equipment&lt;/a&gt;&lt;/li&gt;                          
          &lt;/ul&gt;
      &lt;div class="right_body_inner tab_content"&gt;
          Barino's Market is an ......
  </code></pre>
  
  <p>The image is a background url on #barino_left_body</p>
  
  <p>Any ideas on a strategy on how to achieve this..i was thinking of maybe jquery offset or something like that</p>
  
  <p>I am using this <a href="http://plugins.learningjquery.com/expander/" rel="nofollow">plugin</a> to do the expanding...here is my jquery to do it </p>
  
  <pre><code>$('.right_body_inner, .doughboy_right_body_inner, .haw_right_body_inner, .river_right_body_inner, .vib_right_body_inner, .barino_equipment, .dough_equipment, .river_equipment, .haw_equipment, .vib_equipment').expander({
     slicePoint:       355,  // default is 100
     expandEffect:     'fadeIn',
     expandSpeed:      '8',       // speed in milliseconds of the animation effect for expanding the text
     userCollapseText: '(less..)'  // default is '[collapse expanded text]'
   });
  </code></pre>