tags:

views:

33

answers:

1
A: 

You need to clear your floats. The easiest way to clear floats is to add overflow:hidden to the parent element that contains the floats. So add overflow:hidden to .message class.

The css float property is used alot in web layouts. Here is a great tutorial that will help you understand everything about it http://css.maxdesign.com.au/floatutorial/

And here is a good post about clearing floats http://www.quirksmode.org/css/clearing.html

Good Luck!

FutureKode
Thanks,I have added it under .message .message_mani {float:left;width:690px;overflow:hidden;} but it didn't worked
Balaji
No, just like this - .message {overflow:hidden} :)
FutureKode
WoW! it worked , Great, Thanks a lot, I will check the tutorial links and try to understand the concept behind it.
Balaji
np problem :) please accept and up vote this answer if it helped you :)
FutureKode