Hi, according to css rules if you use display inline you cannot specify a width as it is now and in-line element.
you may only specify widths for block-level elements that do not have display inline as a style a solution to your problem with be floating EXAMPLE instead of display inline use this. remember when u had display inline you did not need to specify width. here you do. .item { float:left; } .clear { clear:left; height:0; } ul { width:100%; ] .one { width:20%; } .two { width:30%; } .three { width:50%; } <ul> <li class="item one">one</li> <li class="item two">two</li> <li class="item three">three</li> <li class="clear"></li> </ul> On Sat, Jan 16, 2010 at 1:51 AM, roxstyle <resut...@gmail.com> wrote: > in this sample page, if you click on the first "Short Bio" - right > sided "edit" link, there is where the jHtmlArea is placed > > http://www.roxstyle.com/projects/blssi/cms/de-tool-v3/p-bio.html# > > the problem is that in firebug i can see the first style is > > element.style { > width:0; > } > > i have tried putting a width - inline on the parent "span" and in the > css for the textarea itself, but the > <div class="jHtmlArea" style="width: 0px;"> is generated and i can't > figure out where in the js this happens. > > i would appreciate any help, or if this is not the right place to post > this question, please let me know where i should post it. >