Dynamical align of text

HTML & CSS
1

I have some divs with the css bellow
So I want to align the text of these divs depending of the height of the text (clientHeight).How can I change the distance of the text from the top of the div?
Also I have to notice that the visibility is hidden,each div is visible by the menu.
I tried the code

$(mid).setStyle("padding-top","10");
$(mid).setStyle("top","30%");

but the photo below the div disappear.
I wish to be understood.

<div id="content_wrapper_submenu">
    <div id="content_text_submenu1" class="content_text_submenu">
      <p>test1.</p>
      <p> test2.</p>...
</div>
    <div id="content_text_submenu2" class="content_text_submenu">
      <p> <p>test1.</p>
      <p> test2.</p>....</div>
</div>
 <div id="content_photo_submenu"> 
<img name="Image159" src="../images/some.jpg" 
width="528" height="94" id='photo1'  border="0"> </div>...


.content_text_submenu{
	font-family: "Arial Narrow", Arial, Helvetica;
	text-align: justify;
	color: #666;
	font-size: 14px;
	height: 300px;
	width: 500px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	position: absolute;
	visibility: hidden;
}

#content_wrapper_submenu {
	position: absolute;
	z-index: 20;
	left: 456px;
	top: 132px;
	height: 460px;
	width: 740px;
        
}