I am using a Bartik theme and am trying to construct a search results page.

I've got a sidebar on the LHS and the following blocks in the "Content Area"
Search box
Search tips
Main page content (displays search results)

I would like the "Search box" and "Search tips" blocks to be displayed side by side, above the Main page content (search results).

I've set the width on the Search box and floated it left, and I have floated the Search tips to the right and given it a left margin.

The search results (Main page content) are not displaying below the blocks mentioned above but are instead BEHIND the two blocks..

What am I doing wrong?

Comments

Adding width: 100%; to the

Adding width: 100%; to the main content area seems to have fixed the issue in IE8. But the issue in Firefox still remains...

Any help would be greatly appreciated.

display: inline-block; on the

display: inline-block;

on the main content area seems to have fixed the issue in Firefox. Fingers crossed it hasn't broken anything :S