float not floating

[gameguy43]

http://wick*****es.com/styles/test.html
(language filter always does this... the astericks are the cuss word for a female dog)

in that first post, with that code in the overflow: scroll div, for some reason the float containing the code is going below the float containing the line numbers. im quite sure this is because it's overflowing the total width for the code_wrapper_big, but i want it to still float to the right of the line numbers and visitors can just use the scrollbar to scroll right to see the code. How do i "force the float" as it were?

my css (sorry, theres a lot):

body{
background-color: black;
font-family: arial;
font-size: 10pt;
color: white;
}

.main{
padding-left: 20px;
padding-right: 20px;
border-width: 0px;
border-style: solid;
border-color: white;
border-right-width: 1px;
border-left-width: 1px;
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.logo{
text-align: center;
font-size: 27pt;
font-weight: bold;
}

.quote{
text-align: center;
font-size: 12pt;
font-style: italic;
}

.nav{
text-align: center;
}

.content{
top: 10px;
}

.content_header{
margin-top: 20px;
font-size: 12pt;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
}

.forum_list_item{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
}

.forum_list_name{
font-size: 12pt;
}

.forum_list_desc{
}

.thread_list_item{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
}

.thread_list_name{
font-size: 12pt;
}

.footer{
font-size: 8pt;
text-align: center;
}

a{
color: white;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

.input{

}

.hidden{
visibility: hidden;
}

fieldset{
border: none;
}

input, textarea, select{
background-color: black;
font-family: arial;
font-size: 10pt;
color: white;
}

.post_wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.post_wrapper{
display: inline-table;
border-width: 1px;
border-style: solid;
border-color: white;
margin-top: 3px;
}

/* Hides from IE-mac \*/
* html .post_wrapper {height: 1%;}
.post_wrapper {display: block;}
/* End hide from IE-mac */

.post_poster_info{
float: left;
width: 100px;
height: 100%;
overflow: hidden;
text-align: center;
}

.post_content{
float: left;
width: 695px;
height: 100%;
overflow: hidden;
border-left-color: white;
border-left-width: 1px;
border-left-style: solid;
}

.post_header{
float: left;
width: 100%;
border-bottom-color: white;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 5px;
}

.post_header_date{
float: left;
font-size: 8pt;
}

.post_header_modlinks{
font-size: 8pt;
float: right;
}

.code_wrapper_big, .code_wrapper_small{
margin-left: 10px;
margin-right: 10px;
float: left;
width: 675px;
border-width: 1px;
border-style: solid;
border-color: white;
}

.code_wrapper_big{
height: 350px;
overflow: auto;
}


.code{
float: left;
}

.code_lines{
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: white;
text-align: right;
padding-left: 2px;
padding-right: 2px;
}



.data_table{
border-top-width: 1px;
border-top-style: solid;
border-top-color: white;
border-left-width: 1px;
border-left-style: solid;
border-left-color: white;
/*border-spacing: 0px; */
}

.data_table_element{
font-family: courier new;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
border-right-width: 1px;
border-right-style: solid;
border-right-color: white;
padding: 3px;
}

a.admin_link{
right: 3px;
top: 3px;
position: absolute;
}

.response{
margin-top: 5px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: white;
}

.admin_nav{
text-align: center;
}

[Mr Initial Man]

Try putting the "code" div /before/ the "code_lines" div, and setting a width for "code".

[gameguy43]

code div before code lines div? u mean like float the code lines inside the code? aight, sounds like it would work.

[gameguy43]

problem solved, thanks much

[gameguy43]

sorry to triple post, but if you look at that page again now, im still getting a similar problem on that last post, the width of one of the lines is too much, and so the code is skipping down to underneath the lines float. god, if only there was some way to "force" it to be on the same line! id really rather not use tables, but perhaps i must...

[Mr Initial Man]

Not quite. I meant something along the lines of this:

<div class="code_lines">
Content
</div>

<div class="code">
Content
</div>

[gameguy43]

ok well i put the lines div inside the code div, and it works now.