Kriege es nicht hin - Floating!

[PeterAssmann]

Hallo,

ich versuche ein bestehendes Template zu ändern. Dabei geht es um 2 Divs, die nebeneinander sein sollen. Eines davon soll im Quelltext vor dem anderen sein (aus SEO-Gründen). Bisher ist es im Quelltext falsch rum.

Der relevante HTML Quelltext ist dieser hier: (ich möchte, dass im html das sidebar-div erst nach dem main-div kommt - das kann ich natürlich auch auswechseln, nur die passenden css änderungen bekomme ich nicht hin!)

<div id="content-wrap" class="two-col"  >    
    
    <div id="sidebar">                  
                textextext
        </div>
        
        <div id="main">
                textextext</div>

css ist dieses hier:

#content-wrap {
    float: left;
    width: 850px;
    margin-left: 30px;
    display: inline;
    padding: 0;     
    border-top: 5px solid #fff;
    background: #fff url(content-wrap.jpg) repeat-x;

.two-col #main {
    margin: 10px 5px 0 200px;
}
#main h1 {
    margin: 10px 10px 0 10px;
    font: normal 1.8em Georgia, "Times New Roman", Times, serif;
    color: #444;
    padding: 15px 0 2px 0px;         
    border-bottom: 1px solid #dadada;
}

#sidebar {
    float: left;
    width: 210px;    
    margin-top: 10px;

kann mir da jmd. helfen? was ich auch mache, ich bekomme den css code nicht so hin, dass es aussieht wie vorher? weiß jmd. den richtigen css code?