OK, it's a bit confusing for us here, because it's not clear what you want. If you want one wide widget area, then all you have to do is what I suggested above:
Delete whatever you have in footer widget areas two and three and add:
#footer_one {
width: 100%;
}
to your CSS.
That will give you one wide footer.
If you want them all to appear one after another, horizontally, then add:
.widget {
float: left;
margin-right: 20px;
}
to your CSS.