Css 块元素被下推到下一行

我有4个盒子包在一个主盒子里。前两个盒子原本在同一行。不知怎的，有些东西可能被删除了，现在框2（我在下面的代码中将其标记为“myissue”）被向下推，框3和框4仍然可以，只需在页面上进一步向下推，以便为框2留出空间

框1是“幻灯片”，这很好 框2为“我的问题”，应位于“幻灯片放映”的右侧

框3是向下推的“browsebox” 方框4是“foo wrap”，被向下推

页面很好，只是看起来页面在slideshow和myissue之间有一个br标记

<div id="homepage">
<div id="slideshow-wrap" class="left">
    <script>
(function($) {
  $(document).ready(function(){
        $('#slideshow').vslide({
        speed: 5000
    });
  });
})(jQuery);
</script>

<div id="slideshow">
  <a href="http://s.htm" alt="" class="slide" style="display: none;"></a>
  <a href="http://s.htm"><img src="/.jpg" alt="" class="slide" style="display: none;">       </a>
  <a href="http://s.htm"><img src="/.jpg" alt="" class="slide currentPic"   style="display: block;"></a>
  <a href="https://s.asp?"><img src="/.jpg" alt="" class="slide" style="display: none;"></a>
  <a href="http://s.htm"><img src="/.jpg" alt="" class="slide" style="display: none;"></a>

  <div id="btns_wrap">
    <a class="back_btn" href="#">&lt;</a><!--LEFT ARROW-->
    <div id="btns">
      <a class="" href="#">1</a>
      <a href="#" class="">2</a>
      <a href="#" class="selected">3</a>
      <a href="#" class="">4</a>
      <a href="#" class="">5</a>
    </div>
    <a class="forward_btn" href="#">&gt;</a><!--RIGHT ARROW-->
  </div>


</div> <!-- #slideshow -->
    <div id="myissue" class="left">
        <div id="myissue-title">
            Div with issue
        </div>
        <div id="myissue-box">
                        <div class="myissue-entry">abc.</div>
                        <div class="myissue-entry"><br></div>
                        <div class="myissue-entry">123.</div>
            <div class="myissue-entry"><br></div>
        </div>
        </div>
    <div class="clear">
    </div>

    <div id="browse-box">
        <div id="browse-box-title">Browse Stuff</div>

        <div class="b-box b1 transition left">
            <a href="http://s.htm"><img src="/.jpg" alt="foo"></a>
        </div>

        <div class="b-box b2 left">
<a class="b-box-link transition" href="http://.htm">
                <div class="b-box-link-top">
                    <div class="left">
                        foo &amp; bar
                    </div>
                    <div class="right">
                        <img src="/.png" alt="Arrow">
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="b-box-link-bottom">
                    Hello World! 
                </div>
            </a>

        </div>

        <div class="b-box b3 left">
            <a class="b-box-link transition" href="http://.htm">
                <div class="b-box-link-top">
                    <div class="left">
                        Things
                    </div>
                    <div class="right">
                        <img src="/.png" alt="Arrow">
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="b-box-link-bottom">
                    More things! 
                </div>
            </a>
        </div>

        <div class="clear">
        </div>

        <div class="b-box b4 left">
            <a class="b-box-link transition" href="http://.htm">
                <div class="b-box-link-top">
                    <div class="left">
                        Foo
                    </div>
                    <div class="right">
                        <img src="/.png" alt="Arrow">
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="b-box-link-bottom">
                    Hello!
                </div>
            </a>
        </div>

        <div class="b-box b5 left">
            <a class="b-box-link transition" href="http://.htm">
                <div class="b-box-link-top">
                    <div class="left">
                        Hello
                    </div>
                    <div class="right">
                        <img src="/.png" alt="Arrow">
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="b-box-link-bottom">
                    Hello!
                </div>
            </a>
        </div>

        <div class="b-box b6 transition left">
            <a href="/.asp"><img src="/.jpg" alt="abc"></a>
        </div>
        <div class="clear">
        </div>

    </div>
    <script type="text/javascript">
</script>
<div id="foo-wrap">
        <div id="foo-title">Foo</div>
        <div id="fooslider">&nbsp;</div>    
    </div>
    </div>
</div>

（函数（$）{
$（文档）.ready（函数（）{
$（“#幻灯片放映”）.vslide({
速度：5000
});
});
})（jQuery）；
有问题的Div
美国广播公司。


123


浏览资料
福

上面缺少一个收尾div。

@cb请更新问题；也提供一些CSS。而且，a也不会受伤！