I have a problem with my website and how it appears in some browsers:

> 
> <http://www.karentiede.com>
> 
> 
> 

In Firefox 2.0 and many other browsers, the "content" column overflows to the left and appears on top of the decorative border, making some of the content unreadable. 

One Q&A in here suggested that making all the pages `HTML 4.01 Strict DOCTYPE` might help make all browsers work the same, but that question was the reverse-worked in Firefox and didn't work in IE. Is there another/different fix I should try?

From the CSS:

```
.column2 {
    float: right;
width: 80%;
}

```

From any of the pages that act up:

```
<body id="schedule_toc">
<div id="col1_schedule_toc">
<div class="column2">

```

When I check the site in <http://www.browsershots.org>, it looks bad on initial display in a lot of the browsers. I've had one or three (probably Firefox) readers tell me they couldn't see the text and I suspect they were probably more sophisticated users than I am a CSS-writer.