Block Search Form Submit Button and Input Box

Question:
Why does the submit button appear below the input box?

The two blocks below are examples of the drupal search box. The first is the stanadard wereas the second has been overriden via the template.php file using the theme function and returning the output from drupal_render() function. The point to note is that the second omits the <div class="container-inline"> which results in the submit button being below the input box.

Example 1

<form id="search-block-form" method="post" accept-charset="UTF-8" action="https://www.zerotouch.com/drupal/drupal-6.14/">

<div>
<div class="container-inline">
<div id="edit-search-block-form-1-wrapper" class="form-item">
<label for="edit-search-block-form-1">Search this site: </label>
<input id="edit-search-block-form-1" class="form-text" type="text" title="Enter the terms you wish to search for." value="" size="15" name="search_block_form" maxlength="128"/>
</div>
<input id="edit-submit" class="form-submit" type="submit" value="Search" name="op"/>
<input id="form-c6b37914af38cbd982262afcaaa8bbe1" type="hidden" value="form-c6b37914af38cbd982262afcaaa8bbe1" name="form_build_id"/>
<input id="edit-search-block-form" type="hidden" value="search_block_form" name="form_id"/>
</div>
</div>
</form>

Example 2

<form id="search-block-form" method="post" accept-charset="UTF-8" action="https://www.zerotouch.com/drupal/drupal-6.14/">
< div>
< div id="edit-search-block-form-1-wrapper" class="form-item">
< input id="edit-search-block-form-1" class="form-text" type="text" title="Enter the terms you wish to search for." value="" size="15" name="search_block_form" maxlength="128"/>
< /div>
< input id="edit-submit" class="form-submit" type="submit" value="Search" name="op"/>
< input id="form-4799b8ae127eaa9211ac677e1524a045" type="hidden" value="form-4799b8ae127eaa9211ac677e1524a045" name="form_build_id"/>
< input id="edit-search-block-form" type="hidden" value="search_block_form" name="form_id"/>
< /div>
< /form>
 
Taxonomy: