Need help with css

[CK13]

I have 2 div nd i want to put them one next to the other like 2 table cells.
1st div has the id img and contains an image.
2nd div has the id plot and contains text.

#img {
	position: relative;
	float: left;
	margin: 5px;
	padding: 5px;
}

#plot {
	padding: 15px;
	margin-top: 15px;
        [B]margin-left: 200px;[/B]
	background-color: #FAFAFA;
	border: 1px solid #D6D6D6;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
}

With this code it's looking like this
[slide]http://i.imgur.com/Q6KkyTu.jpg[/slide]


if I remove the "margin-left: 200px;" i get this
[slide]http://i.imgur.com/DVdbJq6.jpg[/slide]

The screenshot is from a category page, on the post page the picture is bigger so the "margin-left: 200px;" is not working.
[slide]http://i.imgur.com/QoeLvAN.jpg[/slide]

What I what is that the background for the second div to be completely visible for both the category and post page.
Can anyone help me?

 

[RT]

I can't really help you without a site URL.

 

[Ashleyuk1984]

I presume it's this URL.

http://anime13 . tk

 

[RT]

Yep, that's the one, good googling. You can fix it by simply adding this code to your style.css

#opedimg img {
    width: 179px;
}

Gives you the same layout as the index: http://i.imgur.com/NKWAsNU.png

 

[CK13]

That's not what i want; i want the post picture to be big and the category picture small.
Guess i need to edit the loop and the single post php files.
I thought maybe i can do it with the same div.

Edit: solved the problem thanks anyway.