Странное поведение с HTML-поплавком

Question

Я не могу понять, как решить это.Я пытаюсь вставить форму поиска на страницу, написанную кем-то другим, и она перекрывается.

Это неправильная версия.Как видите, у него странное поведение.

http://jsfiddle.net/ecFWr/2/

Это соответствующий бит кода

<div style="width: 400px; float:right">
        <link rel="stylesheet" type="text/css" href="/css/search.css">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script type="text/javascript" src="/js/jquery.color.js"></script>
        <script type="text/javascript" src="/js/search.js"></script>
        <link rel="stylesheet" href="/css/search.css">
        <form id="searchForm" action="/tags/search">
            <fieldset style="border:0px; padding:0px">
                <div class="input">
                    <input type="text" name="s" id="s" value="Cerca...">
                </div>
                <div>
                    <input type="submit" id="searchSubmit" value="">
                </div>
            </fieldset>
            <input type="hidden" name="owner_id" id="owner_id" value="1">
        </form>
        <div>
            <fieldset>
                <legend style="padding:0;">
                <span style="display:none;">
                Documento di sintesi &nbsp;<a href="javascript:;" title="TOGGLE_RESOURCE" onclick="jQuery_1_4_x('#wiki').toggle(!jQuery_1_4_x('#wiki').is(':visible'));"><img src="/img/icons/zoom.png" alt="show">Mostra/Nascondi</a>
                </span>
                </legend>
                0 documenti di sintesi presenti<br>
                <a href="/wikitool/create/Infodisc/1"><img src="/img/icons/page_add.png" style="border: 0px; margin-bottom: -3px;" class="pngfix" alt=""> Crea un documento di sintesi</a>
                <div id="wiki" style="display: none;">
                </div>
            </fieldset>
        </div>

Если я использую

<div style="width: 400px;">

вместо

<div style="width: 400px; float:right">

я получаю это

что я делаю не так?

Я могу опубликоватьвся страница при необходимости.

Answer 1

Если вы просто хотите разместить область поиска с правой стороны, не перекрывая ее, вы можете оставить свой div с плавающей точкой справа, а div под ним с плавающей точкой слева, например:

<div style="width: 400px; float: right;">
  ... your div
<div>
<div style="width: 100%; float:left;">
  ... div immediately below
<div>

Обновленная версия: http://jsfiddle.net/ecFWr/4/