Need help with my tables!

[aaka]

erebos.boards.net

 I restarted a website of mine and I am wanting to put a table with an image in the left side right below my banner. Here is the code I have, but I can't get it to work. xD It is a code off of one of my old proboards websites. It worked perfectly with that one, but it isn't working with this one. Anyone know what I can do or how to fix this problem? Thank you!

Here is the code:

<script type="text/javascript">

$("document").ready(function(){

$("#aakas_wrappidy").insertAfter("div#banner");



});

</script>



<style>

#aakas_wrappidy{

position:relative;

margin:auto;

margin-top:12px;

margin-bottom:22px;

width:722px;

height:180px;

}

#aakas_boxes1{

width:340px;

height:200px;

margin:6px;

}

#aakas_boxes{

width:340px;

padding:8px;

margin:6px;

overflow-y:auto;

}

</style>









<div id="aakas_wrappidy">

<div class="container">

<div class="content">



<div id="aakas_boxes1" style="float:left;">

<img src="http://i183./x174/Sheba707/-BlackWolf--4_2_converted1.jpg">



</div>



<div id="aakas_boxes" style="float:right; overflow-y:auto;height:180px;">

Content here for box two<br><br><br>

Content here for box two<br><br><br>

Content here for box two<br><br><br>

</div>

</div>

</div>

</div>

<p style="clear:both;"></p>

[Brian]

Hi, aaka.

It looks like you just need to reduce the number of the margin property for both #aakas_boxes1 and #aakas_boxes1 in the CSS near the beginning of that code.

Right now your container has 722px, so when the width of the elements inside it plus their margins exceeds that of the entire container one of them is forced to move to the next line.

[aaka]

Oh!! O.o Well.. That was simple. xDD Thank you ever so much!!!