We have a website that has nice rankings in the Google SERPs for keywords which aren't in the meta description. As a result, Google assembles a text to display on the SERPs from the website top-down. Since a form is the first thing displayed on the page, the text is completely scrambled.
This would be the code for the page:
<div id="form">...</div> <div id="content">...</div>
What we want to do is to change the order of the divs so Google can assemble a text from #content instead of #form, but still show the same order using css:
<div id="content" style="margin-top: 200px">...</div> <div id="form" style="position: absolute; height: 200px; top: 0;">...</div>
Would this work and more importantly: would this be penalized?