3 Column Footer Alignment – Float Issue

Hi,

Thanks for responding to my question. I removed the clear:right for .bottom-col1. I'm not sure if I did something wrong within the functions.php file. Hopefully the code below is OK to post and it will show up.

In the functions.php file, I added the following code for the footer:

genesis_register_sidebar(array(
'name'=>'Footer One',
'description' => 'This is the first footer column.',
'before_title'=>'<h4 class="footertitle">','after_title'=>'</h4>'
));

genesis_register_sidebar(array(
'name'=>'Footer Two',
'description' => 'This is the second footer column.',
'before_title'=>'<h4 class="footertitle">','after_title'=>'</h4>'
));

genesis_register_sidebar(array(
'name'=>'Footer Three',
'description' => 'This is the third footer column.',
'before_title'=>'<h4 class="footertitle">','after_title'=>'</h4>'
));
/** Customize the entire footer */
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'custom_footer' );
function custom_footer() {
?>
<div class="footer-bottom-boxes">
<div class="bottom-widgetized" id="bottom-col1">
<?php if (!dynamic_sidebar('Footer One') ) : ?>
<h4><?php _e("Footer Left Widget", 'genesis'); ?></h4>
<p><?php _e("Footer Area for Customer Service Links.", 'genesis'); ?></p>
<?php endif; ?>
</div><!-- end .bottom-col1 -->
<div class="bottom-widgetized" id="bottom-col2">
<?php if (!dynamic_sidebar('Footer Two') ) : ?>
<h4><?php _e("Footer Middle Widget", 'genesis'); ?></h4>
<p><?php _e("Footer Area for Customer Service Links.", 'genesis'); ?></p>
<?php endif; ?>
</div><!-- end .bottom-col2 -->
<div class="bottom-widgetized" id="bottom-col3">
<?php if (!dynamic_sidebar('Footer Three') ) : ?>
<h4><?php _e("Footer Right Widget", 'genesis'); ?></h4>
<p><?php _e("Footer Area for Customer Service Links.", 'genesis'); ?></p>
<?php endif; ?>
</div><!-- end .bottom-col3 -->
</div><!-- end #bottom-widgetized -->
</div><!--end #footer-bottom-boxes -->
<?php
}

I had also tried adding a clear div within the code above because I noticed that the .bottom-col1 was expanding the entire length of the content. I didn't see a change so at that point I tried different options using CSS. I wasn't sure if I did something wrong in the code above, so I also tried just adding one custom dynamic sidebar that contained 3 widgets and then using CSS to horizontally align them.  It produced the same problem.

If I remove the entries for registering the sidebar in functions.php, they will line up horizontally.