re-locating widgets

Hello, Please see this image: https://img714.imageshack.us/img714/1239/howp.jpg Don’t mind the 3 other encircled box.

I want to move the recent-posts widget out of the sidebar and into the middle box below the header. ( as demonstrated by the yellow arrow )

I have used this code but it is not working.

in custom style sheet.
.custom #recent-posts-4 {
position: absolute;
top: 300px;
left: 900px; }

then I put
<div id=”recent-posts-4> </div>
in the Thesis Openhook options.

I’m pretty sure the name of the widget is recent-posts-4. I’ve read that, that is pretty all much I need to do in order to move it. But it is not working. I hope somebody can help.