This simple css problem is driving me bonkers. Here's the deal. I've got a ninja on my wordpress blog: www.trafficdynasty.com/blog And he's doing the damn thing.. just like he's supossed to. He's up there chilling, keeping watch, and make sure nobody gets out of line.. So everything's all gravy. But problem is: I jimmy rigged the code. and I know I did. <div id="ninja" style="position: relative; top: 28px; left: 365px; z-index:1"> <a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/ninja.png" alt="<?php bloginfo('name'); ?>" /></a> </div> Code (markup): In the wordpress header.php, I've got the ninja chillin on the right, then used relative positioning to push him over. Which would be fine and dandy if it didn't give me bullshit space on the right and manage to kill my search box in firefox. So what I needs to do is probably nestle a relative div inside an absolute wrapper or some shit like that... to make sure he is always up on top, stays put no matter what screen resolution people have, and not give me scroll bars in the process? How do I do it? Help?