Sidebar Userpanel

#userAvatar {
	display: block !important;
	position: absolute;
	margin-top: 30px;
	margin-left: 35px;
}




#userNote {
	width: 170px;
}




#userMenu a {
	float: left;
}




#userMenu {
	display: block;
	width: 140px;
	left: 130px;
	position: relative;
	top: -25px;
}




#userMenu img {
	float: left;
	display: inline !important;
	margin-right: 5px;
}




.userPanelInner {
	height: 10px;
	right: -12px;
	float: right;
	position: relative;
	top: 28px;
	width: 315px;
}




#userAvatar img {
	max-width: 110px !important;
	max-height: 110px !important;
	margin-left: -20px;
}

Das platziert die Links im Userpanel untereinander, links davon sitzt der Avatar. Die genauen Abstände (left, right, top) usw. musst du noch in deinem Design anpassen, bis das Panel halt da sitzt wo es sitzen soll. Kannst ja mit den Werten rumspielen. Falls du den Avatar nicht dabei haben willst, entferne alles was mit #userAvatar zu tun hat und setz #userNote noch auf display: block.

Müsste gehen wenn du .userPanelInner ein background-image gibst oder ein background-color aber dann musst du height von .userPanelInner anpassen, da mit der obigen Konstellation diese Klasse das Userpanel nicht mehr automatisch "umschließt" (wenn du es mal mit FireBug untersuchst wirst du merken, dass es noch 10px hoch ist). Ich habs bei mir so gelöst, dass der Hintergrund im Header selbst steckt.