Facebook "LIKE-BOX" block placement

So I was able to add this block using the FB Iframe code, and I set its ID to FACEBOOK.

Here are the block settings:
http://i.imgur.com/UifJm.png

The block works, but the placement is not where I want it to be, even after I went into Pages > Edit code

The code looks like this
http://i.imgur.com/ZOKbz.png

and the website ends up looking like this
http://i.imgur.com/UcSvX.png

My questions:

• How do I place the block where I want it to appear (before RANDOM on the right side)?
• How do I adjust the box design to fit in with the rest of the website's blocks?

Thanks for helping!!!

Hi,
I manually added the code rather than using "!FACEBOOK!".

First get the Facebook like code from here: https://developers.facebook.com/docs/reference/plugins/like/

Insert the HTML5 Facebook like codes (add both code sections that it generates for you) into the section below.

<h2>FaceBook</h2>
<div class="Box">
INSERT FACEBOOK LIKE CODE HERE
</div><div class="BoxFooter"></div>


Then just add the complete code section instead of where you have !FACEBOOK!

Shimples