[thelist] WAS and NEW (IS) CSS: rendering problem

[Rob Smith]

I maybe having the same problem:

(if I may borrow your ASCII art Chris...)

       +--------------------------------------------+
    /  |                                            |  \
   /   | +----------------------------------------+ |   \
  /    | |   Here Is The Header                   | |    \
 /     | +----------------------------------------+ |     \
 |     |                                            |     |
 |     | +-------+  +-----------------------------+ |     |
 |     | |Here   |  | Here Is The Content Box In  | |     |
 |     | |Is The |  | Question                    | |     |
 |     | |Menu   |  +-----------------------------+ |     |
 |     | +-------+    Here Is The Content Of The    |     |
 |     |              Content Box In Question       |     |
 \     |            |                             | |     /
  \    |            | Here Is Some More Content   | |    /
   \   |            | For The Content Box         | |   /
    \  |            +-----------------------------+ |  /
       +--------------------------------------------+

, but my problem, and I think I know what it is, just looking for another
way of doing it, is my main column on my page is surrounded with a 1 px
solid line around it. I have articles with pictures in them. These pictures
are <img src ... align="right" or ... align="left", thus causing text to
wrap around it. Well the next article is also wrapped around it:

+--------------------------------------------+
|                                            |
|    +-----------------------------+         |
|    | ARTICLE TITLE               |         |
|    | Here Is The article and     |         |
|    | coming up is the XXXXXXXXX  |         |
|    | picture that is  XXXXXXXXX  |         |
|    | inside the text. XXXXXXXXX  |         |
|    |                  XXXXXXXXX  |         |
|    | NEXT ARTICLE     XXXXXXXXX  |         |
|    | Here Is Some     XXXXXXXXX  |         |
|    | Content for the  XXXXXXXXX  |         |
|    | next article in the queue.  |         |
|    +-----------------------------+         |
+--------------------------------------------+

When I try to force a line break, this is what happens (<em>after</em> I
scroll up/down):

+--------------------------------------------+
|                                            |
|    +-----------------------------+         |
|    | ARTICLE TITLE               |         |
|    | Here Is The article and     |         |
|    | coming up is the XXXXXXXXX  |         |
|    | picture that is  XXXXXXXXX  |         |
|    | inside the text. XXXXXXXXX  |         |
|                       XXXXXXXXX            |
|                       XXXXXXXXX            |
|                       XXXXXXXXX            |
|                       XXXXXXXXX            | <-- <br clear="all">
|    |                             |         |
|    | NEXT ARTICLE                |         |
|    | Here Is Some Content for    |         |
|    | the next article in the     |         |
|    | queue.                      |         |
|    +-----------------------------+         |
+--------------------------------------------+

Is there another way I can get the "NEXT ARTICLE" to start on the next line
after the picture without killing my 1 px border?

Thanks,

Rob.Smith