Positioning Menu Above Background Image

[Stefan444]

Hi, I'm trying to position my menu in the lower left corner of the background image.The background image stays ok when resizing my browser window, but the menu keeps on sliding.The background image is 1024 x 768 pixels The CSS code: body {background: #000000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: small;color: #555E4F;background-image:url('images/background.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:top center;} /* menu */#menu1 { width: 160px;text-transform: uppercase;font-weight: bold;font-size: 14px;color: #323B2Edisplay:block; } #menu1 ul {margin: 0px;list-style-type: none;padding: 0px;} #menu1 li {padding-left: 43em;} #menu1 a {display: block;width: 190px;padding: 4px 0px;background-color: #D9D9D9;border-top: 1px solid #EDEDED;border-bottom: 1px solid #B5B5B5;text-align: center;text-decoration: none;text-transform: uppercase;font-weight: bold;color: #808080 ;} #menu1 a:hover {background-color: #8A8A8A;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;color: #FFFFFF;} For the HTML code:<div id="menu1"><ul><li id="menu-01"><a href="/nl/dutch">Dutch</a></li><li id="menu-02"><a href="/eng/english.html">English</a></li></li></ul></div>