Positioning Difficulties

For my site: http://www.jump-punch.com

I am having difficulties getting the “dude!!!” section on the right hand side of my page to display properly. It appears near where it should be, I want to be in a static position when you resize the browswer window. Also, when the broswer is resized, you can some links (same exact links as the dude section, but that will be fixed later) behind it. I want those links to begin underneath the “dude!!!” section. I’m still trying to work on my CSS skills, so that may explain it. Anyway I have the section in a container div. Here is the CSS for that:

#dudecontainer{
width: 229px;
line-height: -15px;
float: right;
clear: both;
list-style-image: none;
position:absolute;
right: 15%;
}

If anyone can offer any help or suggestions, that would save my day. Thanks.