Right-aligned title flips at iPhone/

Hello brave ones!

I making a theme child of twenty eleven and want to have site-title in head right aligned. Finally fixed that – but when i check the site at iPhone (and probably other mobile devices) – the title is forced out of its place messing the whole ting up… Is there a fix for that? Is it as i suspect caused by the search box – and if so – is there a way to keep it in the menubar preventing it from boxing out the site-title?

The code I used in my child:

#branding #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
	right:20px;
}

/* Headings */
#site-title {
	float:right;
	align: right;
	position:absolute;
	right:-250px;
	bottom: 40px;

}

#site-title a { color: white; }
#site-title a:hover { color: #654321; }

#site-description {
    float: right;
    color: #white;
    font-size: 14px;
    position:absolute;
	right:-250px;
    bottom: -40px;
    font-size:110%;
    color: white;
}