Thanks Ttethys. Your userpage is awesome. I'm still working on mine. Xeno left some tips on your page... maybe I could use those.

Hey there! nice userpage, pretty! what happened to your friend list? wasn't i on it? owellz, just re-add! =D

Added you to my friends XD

Thanks for your wall comments! Oooh... where did you get your Nana wallpaper?! It looks so pretty. Nana is going to be my next project. I'm a fan of Ai Yazawa.

Oh! bishies! LOL
i like your userpage XD
i didnt put anything on my header coz it's just too good to mess up with text
and yeah i'm sick of mah cute userpages..so i went with what my mood is nowadays

O... Not bad for such a complex CSS code now. Great job. Love the colors. I'm glad that someone can do something with it even it is so complex now. So here is a few tips from me hehe... and I know you want to know this:

1. You can hide the top left corner header with this...

#header h1, #header h2 {
position:absolute;
left:-9999px;
width:0px;
overflow:hidden;
}

Look under LAYOUT section then Main outer layout syle. Place this under the #header rules. (just for the sake of grouping).

2. The sidebar is absolute position, meaning it was drag out from the document flow. In other words it is by itself, so even if you increase the size of Header, it will not automatically adjust itself to the page flow and instead it will stay put there. So, now still in the LAYOUT section, look under "Sidebar Layout".

See this?

#sidebar {
position:absolute;
top: 166px !important; top: 456px; right: 0;
width: 220px;
margin-top: 2em; margin-left: 1px;
padding-right: 5px;
}

The one that is bold, you have to change that. Self explanatory. Just I have to explain why is there a double declaration (top). And what is !important?

Ok... bare with me. (it's 2AM here)
The "!important" is a css feature that tell the browser that the declare rule, in this case "top" is important and CANNOT BE OVERRIDE again. But IE ignore this rules, so that makes it a hack specially for IE.

So back again with this rule.

top: 166px !important; top: 456px;

The first one, top: 166px sets the sidebar 166px from the top. Then I used !important tag right beside it, after that I declare the top again. So all browser that follows CSS implementation correctly will set the top value as 166px, but IE with its buggy CSS implementation ignore the !important rules and override the value to 456px.

So I'm guessing you are using IE, so it'll display correctly in IE. But not on Firefox which uses the 166px, so your sidebar covers the headers. :)

No thread will die under my watch :P Consider yourself added!

Thanks for your kind words! It was the pick-me-up I needed. I see through my mistakes and move on. Now I need to find mistakes in my new userpage! XD

You have been added xD *showers you with pocki and cupcakes*

Thanks for the good words on my Kamui wall!! Much appreciated!!

Lol i just call em doodle artwork...coz they look like doodles o.o you know those simple lines you do at the back of your notebook XD

I like your userpage =D i like the "doodle" artworks =]

Love the bunny =3

Thanks for the comment and favourite on iBanKai! Nice userpage, why not make some walls too? =x

I'm from HK too, but spent almost all my life in Canada.

Hi i love your page!