Module position alignment issue - Joomla! Forum - community, help and support

site: [url=http://"http://www.bracewellarchive.org"]www.bracewellarchive.org[/url]

please help. missing here?

i have table-less template design. uses background image page header. in header on left site name. on right need 2 module positions stacked on top of each other. both of these should display modules horizontally.

top module position called "logintop" community builder login , should display 15px top of page , -60px left.
bottom module position called "icons" search , other modules added later. should display under logintop position.

i cannot these 2 modules align on top of each other.

template code:

code: select all

<div id="headertbl">
<div id="headermod"><?php mosloadmodules ( 'logintop',-2 ); ?></div>
<div id="headermod2"><?php mosloadmodules ( 'icons',-2 ); ?></div>
</div>

css:

code: select all

#headertbl { /*added this*/
   top: 15px;
   left: -60px;
   position: relative;
 }
 
#headermod {
   float: right;
   height: 40px;
   width: 300px;
   overflow: hidden;
   position: relative;
   /*top:15px;
   left:-60px;*/
   border-bottom: 1px solid #890000;
}
#headermod {
   float: right;
   height: 40px;
   width: 300px;
   overflow: hidden;
   position: relative;
   /*top:15px;
   left:-60px;*/
}


hi,

using 2 float: right in 1 div try align 2 columns next each other.
try rebuilding putting 2 container divs on top of each other have 100% width , half height of header , putting in each 2 modules own css class , float: right