Reversing the order of DIV's in page source w/o changing rendering

My navigation div is displayed first, then the content. I want to swap

[Fribble]

Here's my situation:

The body of my site is composed of two Div's; a navigation div that is floated to the right and a content div. See the following examples:

HTML:

<div id="navigation">Hooblie booblie</div>
<div id="content">Yarbla barbla</div>

CSS:

#navigation {
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 15px;
text-align: left;
float: right;
width: 205px;
}
#content {
padding-left: 15px;
padding-bottom: 10px;
padding-right: 15px;
width: 530px;
}

This causes the navigation to get spidered before my content and my search listings look horrible as a result. I want to put the content first in the page source without changing the look of the site for my visitors.

It seems that when I get something working in FireFox, IE takes a dump... Are there any experts out there that can shed some light on this for me?

[evo81]

Hey there,

What you wanna do is ADD ENOUGH margin-right to the content so that the navigation has adequate space to float into the space. Then you can put the content before the navigation in the html.

Regards,

[Fribble]

Phew, got it. Thanks evo81 :)