Text flows out of side Bar

[naveen.brite]

Hi,

I am facing a problem where the text in the sidebar flows out of
the side bar you can check it at http://jirehdesigners.com/oc/seo_cycle1.html
I don't want the word break. Also please tell me what is making it to behave like that.
css code:
#side {width:240px; float:left; height:auto; background:#f5f2ed; margin:10px 10px; padding:15px 10px; word-wrap: break-word;}
#side p{width:240px; font-size:12px; margin-top:7px;}

Thanks Ahead

[kroscoe777@verizon.net]

I am NOT seeing the text flowing out of the sidebar. What browser and resolution are you using? Kind of monitor, square?

[maccoder]

try using overflow:hidden on #side. also you placed a width of 240px on both the sidebar and the paragraph inside it. I recommend taking out the paragraph width since the paragraph will hold to its container's width anyway.

One other option that works with background images as well is to put a wrapper div around the sidebar and its content that's to the right. Put the background color inside the wrapper and put background color on the content div.

[naveen.brite]

Hi Guys,

I tried some options of yours and all some different ways. And finally
found that i had the mention some padding to the paragraph.

Thank you very much...