Span objekt erzeugt ungewollten zeilenumbruch

[Laures]

<-- css noob.

span soll ja ein inline objekt sein. nun erzeugt mein browser zwischen 2 von mir geschriebenen spans jedesmal einen zeilenumbruch, den ich da garnicht haben will. hier mal der Code:

<span>
  <div class="bg" style="width:174px;">
   <div class="sidel">
    <div class="sider">
     <div class="botc">
      <div class="botl">
       <div class="botr">
        ###MENU_LINKS###
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </span>
 <span class="bg">
  <div class="topc">
   <div class="sidel">
    <div class="sider">
     <div class="botc">
      <div class="topl">
       <div class="topr">
        <div class="botl">
         <div class="botr">
          <div class="content">
           ###CONTENT###
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </span>
</div>

bitte nicht haun wenn er schlecht ist, um einen rahmen zu erzeuben bei dem die grafiken im hintergrund stehn hatte ich einfach keine bessere idee :(

wie gesagt stehn diese 2 spans in meinem browser immer in 2 unterschiedlichen "zeilen" und das obwohl das span beispiel von selfhtml 100%ig funktioniert. Woran kann das liegen?

Laures