Question

In the screen shot, you will see where there is a white space, it will stretch to fit (width: 100%) http://i29.tinypic.com/24v0gma.png

The light yellow and darker yellow css class here, called article:

.article {
    padding:10px;
    overflow:auto;
}

The left col css class here:

.col-left {
    float:left;
    position:relative;
    overflow:auto;
    height:100%;
    width:20%;
    xpadding:0 5px 0 0;
    xfont-size:.8em;
    font-family:arial;
}

You can view the live page here: http://herkimer.edu/admissions/view_news/

How do I get it so the yellow boxes do not spill over into the left?

Answer 1

You do:

.article {
  margin-left: 100px; /* example */
}

.col-left {
  width: 100px; /* same as margin-left above, might not work with percentage */
}