HI all,

I'm a newbie, and I'm having problems with my layers. I have four vertical layers side by side. I've set the width on each layer, but when I add text, the text won't wrap. The layers just keep expanding horizontally. This is for a newsletter, so I need to maintain the specific width of each column.

I've tried all the settings on "overflow" (auto, scroll, visible), but I still can't get it right. I also tried to convert the layers to tables, but had the same probalem with the table cells afterwards.

Any ideas are appreciated!! Please see the text below:

<body bgcolor="#FFFFFF" text="#000000" class="specialNote">

<div id="Layer1" style="position:absolute; width:87px; height:485px; z-index:1; left: 13px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "left" -->{left}<!-- #EndEditable --></div>

<div id="Layer2" style="position:absolute; width:267px; height:486px; z-index:2; left: 110px; top: 136px; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto"><!-- #BeginEditable "center" -->{center}<!-- #EndEditable --></div>

<div id="Layer3" style="position:absolute; width:87px; height:488px; z-index:3; left: 384px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: auto; visibility: visible"><!-- #BeginEditable "rcenter" -->{rcenter}<!-- #EndEditable --></div>

<div id="Layer4" style="position:absolute; width:87px; height:487px; z-index:4; left: 480px; top: 136px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; overflow: scroll; visibility: visible"><!-- #BeginEditable "right" -->{right
}<!-- #EndEditable --></div>
</body>