macOS In need of some CSS help!

[Transic]

*

 

[DaveyJJ]

Why not simply wrap the text field in a holder div that floats left, and then the results field in a holder div that clears left?

Look fine in Firefox btw. IE the issue?

Like so ...

<div id="floatmeleft">
<form method="get" id="f">
            <input type="text" name="q" id="fq" autocomplete="off" />
            <input type="submit" value="Search" id="fs" />
            <div id="search-results"></div>
        </form>
</div>

<div id="clearleft">
<?= $ajax->attachWidgets(array('query'   => 'fq',
                                       'results' => 'search-results')) ?>

        <?= $ajax->loadJsApp(true) ?>
</div>