Olldman

malquem - это чистой воды логика. Если вы определяете список, то он должен содержать в себе элементы списка, если же элементов нет, то определять нечего. В вашем случае можно элемент <ul>, если в нем нет <li>, не печатать - это решается программно, в модуле (блоке), что там у вас формирует меню.

Проблема в том, что элемент <ul> определяет список и само собой подразумевает наличие хотя бы одного элемента списка - <li>.

Вполне нормальное поведение. При заполнении окна контентом появляется вертикальный скролл, что соответственно уменьшает рабочую область на 17(в среднем) px.

В вашем случае проще расположить фон не по центру, а по левому краю меню, а само меню отцентровать по центру.

Кстати, Сашко прав - 1020 пикселей будет создавать горизонтальный скроллинг на разрешении 1024х768. Максимально допустимый размер - 1002рх.

- да ну? Ну пройдите еще раз по ссылке - кликайте и открывайте пункты для проверки расположения футера.

- а я разве его как-то спрятал? ;) Откройте "просмотр html кода" любым браузером.

- приводил не так давно простой пример для футера внизу: http://realtsib.ru/oldman/footer_bottom/index.html

- разница в отсутствии кавычек, кои должны быть у значения атрибута. Хотя ... о каких таких стандартах может идти речь в этом коде... ;)

charset=cp1251 - не о чем не говорит? --> charset="windows-1251"

Поставить !DOCTYPE, все мета должны быть в служебной области (<head>здесь</head>)

Вы бы основы html подучили сначала, перед тем как вопросы задавать.

Поставьте родительскому блоку ширину 1400рх, тогда при ресайзинге будет появляться горизонтальная прокрутка при размере меньше, чем указанная ширина.

А не проще списком, это же меню у вас?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title></title>
<style type="text/css">
*{margin:0px;padding:0px;}
#menu_left{
    list-style:none;
    padding: 12px 0px 15px;
    margin-top: 30px;
    background: url('/menu_left_bg.png') no-repeat top center;
}

#menu_left li a{
    font-size: 16px;
    text-decoration: none;
    color: #067192;
    height: 23px;
    line-height:28px;
    padding: 0 0 0 19px;
    margin: 1px 3px 2px;
}

#menu_left li a:hover{
    text-decoration: underline;
    background: url('/menu_left_a_hover.png') no-repeat right center;
}
</style>
  </head>
  <body>
<ul id="menu_left">
<li><a href="/link1">Text1</a></li>
<li><a href="/link2">Text2</a></li>
<li><a href="/link3">Text3</a></li>
<li><a href="/link4">Text4</a></li>
<li><a href="/link5">Text5</a></li>
<li><a href="/link6">Text6</a></li>
<li><a href="/link7">Text7</a></li>
<li><a href="/link8">Text8</a></li>
</ul
  </body>
</html>