Simple floating Div

 

<! Doctype HTML public "-// W3C // dtd xhtml 1.1 // en" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
< Html Xmlns = "Http://www.w3.org/1999/xhtml" XML: Lang = "En"   >
< Head >
< Style Type = "Text/CSS" >
Body {
Margin : 0 ;   /* Required */
Border : 0 ;
Height : 100% ;   /* Required */
Overflow-y : Auto ; /* Required */
}
# Menu { Display : Block ; Top : 10px ; Left : 150px ; Width : 130px ; Position : Fixed ; }   /* IE doesn't know fixed, but FF does. */
* Html # menu { Position : Absolute ; }   /* This is only known by IE. */

</Style>
<! --[If IE 6]>
<Style type = "text/CSS">
/* <! [CDATA [*/
HTML {overflow-X: auto; overflow-Y: hidden ;}
/*]> */
</Style>
<! [Endif]-->
</Head>

< Body >
< Div >
< Ul Style = "List-style-type: decimal" >
< Script Language = Javascript >
For (I = 0 ; I < 1000 ; I ++ ) Document. Write ( ' <Li> </LI> ' );
</ Script > </ Ul >
</ Div >
< Div ID = "Menu" >
< IMG SRC = 'HTTP: // www.google.com. sg/images/logo_plain.png'   />
</ Div >
</ Body >
</ Html >