Help my template collapsed! - Joomla! Forum - community, help and support

i have been trying edit existing template ja_wezen while now. wanted create third column, change font colors , header picture. have done so,but top 3 snippets invoking newsflash, popular , latest news somehow refuse align. stay 1 below other. want them in 1 row 1 next other existing ja-wezen template had. have been breaking skull past few days find culprit in me highly complicated joomla!art template. don't seem able find mistake.  let me give index.php code , lay-out css. maybe can find mistake. extremely grateful. love keep collapsible template:
css  main container:

code: select all

* main container
-------------------------------------------------*/
#ja-wrapper {
   margin: 0;
   padding: 0;
   width: 100%;
   background: url(../images/main-top-bg.gif) no-repeat center top;
}

#ja-maincontainer {
   width: 950px; /*750*/
   margin: 0 auto;
   padding: 0;
}

#ja-maincontent {
   padding-top: 20px;
   padding-bottom: 30px;
   width: 100%;
   background: url(../images/pathway-bg-1.gif) repeat-x 1px 1px;
}

#ja-content {
   float: left;
   width: 555px; /*535*/
   padding-right: 10px;
   margin-bottom: 20px;
}

#ja-content-fl {
   float: left;
   width: 500px; /*750*/
   padding-right: 10px;
   margin-bottom: 20px;
}



the css popular, newsflash , latest news:

code: select all

/* spotlight top style
--------------------------------------------------------- */
#ja-spotlight-wrap {
   width: 950px;
   padding-top: 10px;
   padding-bottom: 10px;
} /* 750px */

#ja-newsflash {
   float: left;
   padding: 10px 10px;
   background: #ffffff url(../images/user-bg.gif) top left repeat-x;
   height: 100px;
   overflow: hidden;
}

#ja-latestnews {
float: left;
   padding: 10px 10px;
   background: #ffffff url(../images/user2-bg.gif) top left repeat-x;
}

#ja-popular {
   float: left;
   padding: 10px 10px;
   background: #ffffff url(../images/user3-bg.gif) top left repeat-x;
}


the problem part of index.php:

code: select all

 <!-- begin: spotlight -->
    

      <?php if ($newsflash || $user1 || $user2 ) {?>
    
      <div id="ja-spotlight-wrap" class="clearfix">
   
        <?php if( $newsflash ) { ?>
        <div id="ja-newsflash" style="<?php echo $div_nf;?>">
          <?php mosloadmodules("top", -3);?>
        </div>
        <?php }?>
        <?php if( $user1 ) { ?>
        <div id="ja-latestnews" style="<?php echo $div_u1;?>">
          <?php mosloadmodules("user1", -3);?>
        </div>
              <?php }?>
        <?php if( $user2 ) { ?>
        <div id="ja-popular" style="<?php echo $div_u2;?>">
          <?php mosloadmodules("user2", -3);?>
        </div>
      
        <?php }?>
      </div>
      <?php }?>
      <!-- end: spotlight -->
     
      <!-- begin: content -->
      <div id="ja-maincontent">
        <div id="ja-leftcol">
          <?php mosloadmodules('left', -2); ?>
        </div>
      
        <div id="ja-<?php echo $divid ?>">
          <?php mosmainbody(); ?>
        </div>
      <div id="jf-rightcol">
         <?php mosloadmodules ( 'right', -2 ); ?>
       </div>
      </div>
    
      <!-- end: content -->
     
      <!-- begin: footer -->
      <div id="ja-footer">
          <p id="ja-bottomline">
             <?php include_once( $globals['mosconfig_absolute_path'] . '/templates/ja_wezen/footer.php' ); ?>
          </p>
       
          <div id="ja-cert">
             <a href="http://jigsaw.w3.org/css-validator/validator?uri=<?php echo $mosconfig_live_site;?>" target="_blank" title="our site valid css" style="text-decoration: none;">
                <img src="<?php echo $ja_template_path;?>/images/but-css.png" alt="our site valid css" />
             </a>
             <a href="http://validator.w3.org/check/referer" target="_blank" title="our site valid xhtml 1.0 transitional" style="text-decoration: none;">
                <img src="<?php echo $ja_template_path;?>/images/but-xhtml10.png" alt="our site valid xhtml 1.0 transitional" />
             </a>
          </div>
      </div>
      <!-- end: footer -->
    </div>
  </div>

i hope guys see mistake. have been playing width, float: left, right , absolute versus relative positioning. no avail. if me in right direction greatful. in meanwhile continue break tis puzzle.

thanx!

rhand

when change or omit float properties elements newsflash, popular , latest news or change there width in index.php (if else php make template collapsible located there) still refuse in straight row. well, maybe have check out parent tag....