Picture link and positioning

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

I would like my banner to stay at the top while I scroll but when I put in  
the code in CSS it messes everything up and my dotted line will get messed  
up when I try to position it what can I do. Also I want to have my banner b
e a link to the home page.Both items in <!-- --> tags are issues.

<!doctype html>

<style type="text/css">
h1 {color: blue;text-align: center}
p {color:red; font-weight:bold;font-size: 30px;}
#Dotted-line{border: 3px dotted green; color: green;}
a {color:blue; text-decoration:none; font-weight:bold; position:fixed; top:
10px; right:20px;}
a:hover{color: red; text-decoration:underline}
#Survey{color:green; text-decoration:none; font-weight:bold;}
#coolbanner {<!--position:fixed; top: 5px; left: 0px -->}

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico" type="image/x-icon">  
<span id="coolbanner"><img src="coolbanner.jpg"/></span>
<!--<a href="http://www.kalecloud.com "><img src="coolbanner.jpg"/> -->
<p><div id="Dotted-line"></div></p>
<img src="Untitled5.jpg"/>
<a href="http://www.ipage.com/mail /">Login</a>


Site Timeline