Hey guys,

I've got two issues that I can't solve on my own.
Here is the picture:
http://oi40.tinypic.com/anehzo.jpg

I want to move the textarea right next to the name (basically move it up). I tried different combinations of display properties, floating and aligning, but without success. Here's the code:
HTML Code:
<form>
<fieldset>
	<label>Name:</label>
	<input name='name' />
	<label>Email:</label>
        <input name='email' />
	<textarea name='comments'></textarea>
	<input id='submit' type='submit' value='SUBMIT'></input>
	</fieldset>
</form>
Code:
label{
	display: block;
	font-family: dolce vita;
	font-size: 150%;
	color:#ffa6b0;
}	

input{
	margin-bottom: 40px;
	background:#ffa6b0;
	border: none;
	width: 350px;
	height: 30px;
	font-size: 130%;
	line-height: 30px;
	color: white;
}	

fieldset{
	text-align: left;
	width: 60%;
	margin: 50px auto;
   	color: white;
	font-size: 130%;
}

#submit{
	border: 2px solid #ffa6b0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	background: none;
	color: #ffa6b0;
	font-family: dolce vita heavy;
	letter-spacing: 2px;
	font-size: 180%;
}

#submit:hover{
	background:#ffa6b0;
	color: #7a0026;
}

textarea{
	float: right;
	background:#ffa6b0;
	border: none;
	width: 350px;
	height: 250px;
}
The other problem is with the footer. I need to move the 'back to top' button next to the copyright stuff (so they are center alighned vertically with one another. Here's the code:
HTML Code:
<footer>
			<div id='copy'>
				<p>Copyright 2013 &nbsp<span id='fld'>Fresh Lime Design</span> &nbsp &nbsp &nbsp &nbsp design & development Michal Šesták</p> 
			</div>
			<a href='#container'><h1>g</h1></a>
</footer>
Code:
#copy{
	text-align: center;
}

footer  h1{
	background: url('../images/up.png');
	height: 74px;
	width: 74px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: right;
	transition: 0.3s;
}
Thaanks