can any tell me what i am doing wrong? : am trying to position a div to the left of the screen and am also trying to make it work on any screen resolution and browser . below is my code  

     <div id="Biography">
	 
	<div class="container">
    	<div class="tittle">
        	
        </div>
		
		<div id="info">
       <div class="col-md-8">
            <div class=" wow bounceInDown" data-wow-delay="0.5s">
                 <div class="view view-fifth" style="height: 20%">
                <img src="images/Dan.jpeg"  alt=""  style="height:80%; width:100%">
                   	<h4> NAME</h4> 
             <h5> sean</h5>
      <h4> OCCUPATION</h4>
     <h5> Computer Programmer,Software Developer,Student</h5>
      
               	</div>
           	</div>
           	</div>
 
</div>
here is my css
 
           #Biography {
	        background:#ffffff ;
	        text-align:center ;
	        text-transform:uppercase ;
	        color:#fff ;
	        padding:5em 0;
            width:100%;
	        font-family:'Conv_Lato-Regular',Sans-Serif;
             margin:0;
             }

        #info{
	     left: -10px;  
         float:left;
         top: -80px;
         position: relative;
         color:#000;
         }

i don't know what  am doing wrong 
