tlacitka v menu

potrebujem umiestniť tlacitka v menu tak aby sa pri zmene rozlišenia alebo okna neposuvali vodorovne ale aby boli vždy na tom istom mieste. Tlacitka maju float:left lebo maju byť vedľa seba ale su umiestnene uplne na kraji ľavej strane obrazovky a keď ich posuniem na miesto kde chcem aby boli a menim veľkosť okna alebo rozlišenie stale sa posuvaju (vodorovne).Prosim poradte čo mam zmeniť.
html kod:


css kod:

tie tlačitka maju byť približne v strede toho backgroundu (images/Menu.jpg) ale problem je v tom ak menim širku okna prehliadača alebo rozlyšenie monitora tlačitka sa posuvaju na ine miesto (vodorovne) ale ja potrebujem aby boli stale na rovnakom mieste.

presne takto by mali byť tlacitka clanky, archiv,... ale ako som pisal pre zmene veľkosti okna, rozlišenia sa posuvaju a pri uplne malom rozlišeni sa tlačitka same ukladaju pod seba

neviem presne čo mysliš ale ten background: url(images/Menu.jpg) sa zobrazuje spravne presne tak jak ma aj pri zmene rozlišenia len tie bielo čierne tlačitka sa posuvaju

ak mam stranku na celu obrazovku pri rozlišeni 1920x1080 zobrazuje sa mi stranka spravne tak ako je na fotke ale ak zmenšim okno tie čierno-biele tlačitka sa posuňu
tu pridavam cely css subor:
[pre]@charset "utf-8";
/* definicie */
* {
margin:0;
padding:0;
}
body {
font: 80% Verdana, Arial, Helvetica, sans-serif;
background: #CCCCCC;
}
a {
font-weight:bold;
}
a:link {
color: #FFFFFF;
}
a:active {
color:#0099FF;
}
a:visited {
color:#00CCFF;
}
a:hover {
color:#0099FF;
}
h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: "trebuchet MS", "geneva CE", "lucida Console", sans-serif;
}
/* definicie koniec */

/* hlavicka */
h1 a, h1 span {
display:block;
height:138px;
width:100%;
}
h1 a {
background:url(images/hlavicka-repeat.jpg) 0 0 repeat-x;
color:#000000;
position:relative;
line-height:60px;
text-align:center;
}
h1 span {
position:absolute;
top:0; left:0;
cursor:pointer;
}
h1 a span {
background:#333333 url(images/Logo.jpg) center top no-repeat;
position:relative;top:-45px;
}
h1 a:hover {
color:#000099
}
/* hlavicka koniec */

/* menu */
#menu {
background:#000000 url(images/Menu.jpg) center no-repeat;
position: relative;top:15px;
height: 47px;
}
#hlavne-menu, #hlavne-menu * {
margin:0 1px 0 0;
}
#hlavne-menu {
position:absolute;
top:11px;
left:600px;
}
#hlavne-menu li {
text-align:center;
vertical-align:middle;
display: inline;
float: left;
}
#hlavne-menu a {
display:block;
}
/* menu koniec */

/* lavy stlpec */
#lavy-stlpec {
float: left;
height:1125px;
background: #333333 url(images/lavy-stlpec.jpg) no-repeat;
background-position:24px 15px;
padding:31px 0 0 57px;
}
#lavy-stlpec h3 {
background: url(images/Anketa.jpg) no-repeat;
background-position:0px 80px;
height:32px;
width:150px;
text-align: left;
padding:94px 30px 0px 0px;
}
#ankety {
padding:4px 62px 0 0;
text-align:center;
}
#ankety a {
font-size:85%;
text-decoration:none;

stranku zatiaľ na internete nemam iba v pc ale mohol by som tu stranku dať du rar-u a pridať tu odkaz toho raru čo ti na to

Bol by som rad ak by si prišiel aj na to čo treba zmeniť aby sa ľave menu (anketa, čas... proste cely ľavy stlpec) zobrazoval stale pod ovalnym logom Menu. Diky

zajtra to dam na free hosting

už som to dal na server tu je link http://elektrotech.tym.sk/

čo mam ešte zmeniť zatiaľ som pridal tento kod width:1900px; ale stale sa menu posuva aj s backgroundom no aspoň tlačitka su na svojom mieste

už som problem vyriešil použil som na cele body
div:

a v css: