image - Stuck! I need some help creating this footer -

this first post here. wondering whether suggest me how make footer in image:
http://i5.minus.com/ik0o1e7e2qwqd.jpg

far have this:
http://www.seann.biz/testflight
can't quite footer right. using bootstrap way. can see there 2 columns of same width of varying colour , love these 2 sorted first rest follow later. first full website have coded sorry if bit messy

you can use css width:50% float:left, add @ end

something this:

<div id="footer" style="width:100%;height:300px">   <div id="footerleft" style="width:50%;height:300px;background-color:#000;float: left;"></div>   <div id="footerright" style="width:50%;height:300px;background-color:#ccc;float: left;"></div> </div> 

hope helps

edit

check fiddle http://jsfiddle.net/x4tdz/

add following css image

• position:absolute
• left:50%
• top:50%
• margin-left:-50px // half of image width
• margin-top:-50px // half of image height

make sure parent div of image set position:relative

ps: if have new questions make new question others can contribute.