Image in top left hand corner, without disrupting layout?

How do I make an image be in the top left hand corner but so that it is over my layout instead of part of it. When you scroll down I need it to be as if it is part of the layout ( so that when you scroll down it does not stay there, when everything else has moved)

Thanks for the help!

 

I think this will help you

<style>
#left_top_div{
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 100;
}
</style>

<div id="left_top_div">Your text!!!</div>

Code (markup):

 

position:fixed is not supported in ie6

http://ryanfait.com/position-fixed-ie6/

 

For ie6 there is method "expression"!!!

 

got it: style="position: absolute; left: 0px; top: 0px;"

 

IE 6 is terrible they should make it unusable.

 

they* did what do you expect from a browser that's 9 years old now...


--------
* - "they" being microsoft

 

I think this code is beneficial

Same suggestion is given by ruben

<style>
#left_top_div{
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
}
</style>

<div id="left_top_div">Your text!!!</div>

baagdi.com