v.plonk!

First thing you should be aware of is that the 100% resolution of Wii-users is around 800 pixels. So if you don't want them to scroll in all directions just to be able to see your page, your page size should be limited to a width of 800px. Furthermore if you're using a title image (like I do), there are only 2 ways to make it still look nicely: You either make your image exactly 800px wide or you hide the part that would make it look odd on Wii.

In part 5 of "CSSing your my.opera site" we start with the easy part: We use an image that is exactly 800px wide. (okay, that's kind of cheating, but for now it'll do)

#wrap1 { width: 840px; }
#wrap3 { width: 800px; }
#wrap4 { width: 770px; }

Now some explanations:
#wrap1 is the outer div that defines the shadow and thereby the biggest part of the site. If you wonder why it's bigger than 800px, I can't really answer why it's working on Wii, but Wii seem to ignore the shadows, so we don't need to bother about it.
#wrap3 defines the inner width of the site and where the right shadow begins. This must be set to 800px to make it look good on Wii.
#wrap4 defines the width of the content. As it gets a padding of 15px to the left and to the right we need to reduce it's size by 30px (2x15px) to make sure the content won't break our new layout.

Last thing we need to do is just for preventing mistakes we might have made with our image:

#top2 {
    background: url('SERVER_URL/head.jpg') no-repeat;
    width: 800px;
    overflow: hidden;
}

This small piece of code takes care of our header image in case it's too large. We define it's maximum size (800px) and tell the browser to cut everything that goes beyond that width.