From table to float layout
===

As I heard it's better to avoid page table layout.

I have the following page: http://leroma.org.ua/index0.html

1) 
 I want to have a header 15% size of viewport - solved with JS, because body doesn't have 100% height;
 I want to have a scaled by height logo on the left of the header (it has height as header, but width is scaled proportionally) - solved by adding max-width, max-height:100%;
 Now wallpaper is located under the image.
 How can I place it between left image and right border?

2) 
 buttons_table looks fine, but how can I make the same not using tables?

 Correct me if my implementation can be better.

 
