верхнее меню -список

[RobotWerder]

есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера.

возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2

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

если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру.

вот обрывки хтмль и css

<table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg">

<td> <div id="top"> <table cellpadding="0" cellspacing="0" class="moduletable">

<tr>

<td>

<ul class="menu-nav" id="top">

<li id="current" class="active item1">

<a href="http://localhost/">

<span>Главная</span>

</a>

</li>

<li class="item18">

<a href="/index.php?option=com_content&view=category&id=39&Itemid=18&lang=ru">

<span>Настройка и помощь</span>

</a>

</li>

<li class="item29">

<a href="/index.php?option=com_content&view=article&id=22&Itemid=29&lang=ru">

<span>Особенности</span>

</a>

</li>

ul.menu-nav2 
	{
	list-style-type: none;
	width: 100%;

	} 	 
	ul.menu-nav2 li
	{
	display: inline;
	padding-left: 12px;
	margin: 0px;
	}
	ul.menu-nav li a
	{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	}
	ul.menu-nav li a:hover
	{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: underline;
	}

	ul.menu-nav2 li.item28
	{
	background-image: url(../images/in.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	background-position: 2px center;
	display: inline;
	}
	ul.menu-nav2 li.item29
	{
	background-image: url(../images/in.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	background-position: 2px center;
	display: inline;
	}

Edited October 8, 2009 by RobotWerder

[Justnewone]

ul.menu-nav2

{

list-style-type: none;

width: 100%;

white-space:nowrap

}

Это чтобы не переносилось.

А чтобы масштабировалось - боюсь объем переделок Вам не понравится, надо будет указывать ширины в процентах или пересчитывать с помощью JS. И не только именно с этим меню, а наверняка лэйаут вцелом. Это все называется адаптивная разметка, спросите у гугла.