This is what I want to achieve: http://free.elixhosting.com/frp/index.html (yes it'll be graphically heavy, but in the end it will fit in 800x600 browser with a vertical scrollbar. and the more active part [namely forums] will be lighter)

There are a few places where I can use repeating tiling texture: mid of paper area, right side after the black image and the bottom after I have removed the funky banner there. Thus saving a bit in size + adding to manageability.

I have encountered several problems, but main issue being mid part(the one with repeating paper) not showing up, I will later on tackle IE's quirks(because the site shows only white in IE atm).

I need the sections/layers to be pixelwise 100% accurate in all modern and most other browsers without javascript.

Here's the css so far:

#wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 800px;
    background: url("tausta.jpg") repeat;
}

#header {
    margin: 0;
    background: yellow;
}

#side-a {
    margin: 0;
    float: left;
    width: 217px;
}

#side-b {
    margin: 0;
    float: right;
    width: 74px;
}

#content { 
    margin: 0;
    float: left;
    width: 509px;
    height: 1000px
    background-image: url("paper.jpg") repeat;
}

#footer {
    clear: both;
    background: #A2A2A2;
}

The content part is not showing up. It is mentioned without typos in html.

How do I get the content to show up? Did I mess something with margins?

- eRat

I need the sections/layers to be pixelwise 100% accurate in all modern and most other browsers without javascript.

That's just NOT achievable and you'll test your sanity even trying. There ARE differences between the browsers and you have to accept that.

Thank you for a quick and precise answer. Back to tables. Partially.

There's no reason to go back to tables. You can get maybe 98-99% the same, but 100% perfection just isn't going to happen and you shouldn't expect it.