css float issues in fluid layout

[BuildMyWeb]

first person to solve this gets an automatic, irrevocable entry into my VIP Holiday Card Master List.  ive been tussling with it for hours over two days and cannot figure out what the problem is. 

 

site: http://104.152.168.18/~redtagsp/

 

you'll see five image buttons in the center of the homepage.  red bg is for diagnostic only.  the third of the smaller images in the top row is sitting slightly lower than the others.  the containing element (transparent black) is floated as are all 5 images within it.  and the text-div above the images.  seems really simple but ive had these frigging elements bobbing all around and this is the best i can get them.  my guess is there is some CSS outside of my own (this is a Wordpress site) that is screwing things up for me but i cant find it.

 

here is the HTML for the containing element:

<div id='home_buttons'>
    <div id='free_shipping'><strong>FREE</strong> Shipping on all orders over $40</div>
    <a href=''><img src='/~redtagsp/wp-content/themes/bmw_storefront_child/pics/buttons/button_blank_pucks.png' class='home_button_small'></a>
    <a href=''><img src='/~redtagsp/wp-content/themes/bmw_storefront_child/pics/buttons/button_custom_pucks.png' class='home_button_small'></a>
    <a href=''><img src='/~redtagsp/wp-content/themes/bmw_storefront_child/pics/buttons/button_custom_pucks.png' class='home_button_small'></a>
    <div style='float:left; clear:both; width:100%; height:5px;'></div>
    <a href='' class='link_button_large'><img src='/~redtagsp/wp-content/themes/bmw_storefront_child/pics/buttons/tape.png' class='home_button_large'></a>
    <a href='' class='link_button_large'><img src='/~redtagsp/wp-content/themes/bmw_storefront_child/pics/buttons/balls.png' class='home_button_large'></a>
</div>

here is the CSS directly associated with the above:

#home_buttons        { float:left; width:95.4%; padding:1%; margin:100px 1% 20px 1%; background:rgba(0, 1, 17, 0.75); border-radius:10px; }

#free_shipping        { float:left; width:100%; text-align:center; border-radius:5px; background:#555; color:#fff; margin-bottom:10px; }

#home_buttons a        { float:left !important; max-width:32.8%; margin:0 0.5% 0 0; padding:0px !important; background:red; clear:none !important; }

.link_button_large    { float:left !important; max-width:49% !important; margin:0px 2% 0px 0px; clear:none; }
.link_button_large:last-of-type    { margin:0px; }

.home_button_small    { float:left; max-width:100%; }
.home_button_small:last-of-type    { margin-right:0%; }

[BuildMyWeb]

nm.  got it worked out.  :/