Can’t keep line breaks in scroll box

Hi,

I’ve searched high and low with all kinds of different word combinations, but I can’t find a solution.

Here’s my problem. I’m using a scroll box to contain my blog posts after the jump from the main page. Here’s the code I’m using for the scrollbox:

<p style=”padding: 5px; overflow: auto; width: 400px; height: 300px”>Blog post content here</p>

The issue is – if I try to enter a line break between lines of text or pictures inside of the scroll box – either by manually entering
</br> OR by hitting shift+enter – when the post is submitted, ALL the text that follows the first line break is knocked out of the scroll box. So code that is entered like this:

<p style=”padding: 5px; overflow: auto; width: 400px; height: 300px”>(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.
</br>
(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.

</br>
(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.</p>

Comes out like this:

(INSIDE SCROLL BOX)(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.
(SCROLL BOX ENDS)
(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.

(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.

(picture here) texttexttext texttexttexttexttexttexttexttexttext texttexttext.

So – I can’t get the line breaks to stick from my post entry page to the finished product. The line breaks work fine OUTSIDE the scroll box – but for whatever reason, the first time that line break INSIDE the box shows up – everything else is knocked outside of the box.

Does that make sense?

I would greatly, greatly appreciate it if anyone can tell me how to fix this. Thanks!