По первому, четвертому и пятому пункту конкретные задачи были поставлены.
Все дело в привычке использовать таблицы для разметки. Поэтому при "дивной" верстке тотже подход. Не все нужно запихивать в DIV, а потом позиционировать. начать нужно с того, чтоб без стилей страница выглядела правильно. Отключи стили и посмотри на [Только зарегистрированные пользователи могут видеть ссылки. ] Потом нужно придумать дизайн и положить его на страницу (отображение без стилей должно остаться прежним).

Не все обозреватели одинаково поддерживают CSS, поэтому приходится изголяться.

Грубо попробую первый и четвертый пункты (что не так - скажешь)
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
<title>Строка</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
body{
****margin: 0px;
****padding: 0px;
}
.one, .two, .three{
****position: absolute;
****top: 0px;
****height: 100px;
}
.one{
****background-color: Aqua;
****left: 0px;
****width: 33%;
}
.two{
****background-color: Gray;
****left: 67%;
****width: 33%;
****z-index: 1;
}
.three{
****background-color: Green;
****left: 0px;
****margin: 0px 34% 0px 33%;
****width: 35%;
}
</style>
</head>
<body>



</body>
</html>
Второй - нужно сделать пункты меню в одну строку. Ширина каждого пункта заранее не известна, число пунктов тоже не известно, но они не должны переноситься на новую строку?

Третье - если можно, то подробней условие. :blush2:

Пятый - если ширина задается в процентах, то она отсчитывается от ширины контейнера. Когда начинаем распологать элементы определенной ширины в строку, то они ее занимают. Строка может превышать ширину контейнера. Если не влезает, то переносится.