Quote Originally Posted by heavenlynights View Post
Ok made i made the changes and as far as the browsers go, everything looks to be fine on the 2 that I use, except now I am back to square one where the text is too close to the sideboxes, for my liking. This was the whole reason I used the table for my text so that I could have the text (main content) further away from the edge of the sideboxes.

There must be somewhere in the css where i can change where the text is positioned in the main content, If i can find this then make the necessary changes, then I can eliminate the table altogether. If someone knows where it is, can you please point me in the right direction.

TIA for any help and thanks to those who have already helped!!
Your entire issue is that you changed the sidebox widths to 170px and didn't make the changes in the stylesheet for the right sideboxes, though you did make the correct changes for the left sideboxes. Change the two instances of 150px below to 170px.

.outer {
padding-left: 185px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}

#navColumnTwo {
float: right;
margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
position: relative; /* IE needs this */
}