[Решено] Красивое горизонтальное меню со скругленными углами пунктов Joomla 2.5 - Вопросы по CSS

<div id="menu">
	<ul>
		<li><a href="#" class="current"><span>Главная</span></a></li>
		<li><a href="#"><span>Вторая ссылка</span></a></li>
		<li><a href="#"><span>Третья</span></a></li>
		<li><a href="#"><span>И еще вот</span></a></li>							
	</ul>
</div>

<div id="menu">
<ul class="menu">
<li class="item-101 current active"><a href="#" >Главная</a></li>
<li class="item-108"><a href="#" >Вторая ссылка</a></li>
<li class="item-109"><a href="#" >Третья</a></li>
<li class="item-110"><a href="#" >И еще вот</a></li>
</ul>
</div>

<?php
/**
 * @package		Joomla.Site
 * @subpackage	mod_menu
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
?>

<ul class="menu<?php echo $class_sfx;?>"<?php
	$tag = '';
	if ($params->get('tag_id')!=NULL) {
		$tag = $params->get('tag_id').'';
		echo ' id="'.$tag.'"';
	}
?>>
<?php
foreach ($list as $i => &$item) :
	$class = 'item-'.$item->id;
	if ($item->id == $active_id) {
		$class .= ' current';
	}

	if (in_array($item->id, $path)) {
		$class .= ' active';
	}
	elseif ($item->type == 'alias') {
		$aliasToId = $item->params->get('aliasoptions');
		if (count($path) > 0 && $aliasToId == $path[count($path)-1]) {
			$class .= ' active';
		}
		elseif (in_array($aliasToId, $path)) {
			$class .= ' alias-parent-active';
		}
	}

	if ($item->deeper) {
		$class .= ' deeper';
	}

	if ($item->parent) {
		$class .= ' parent';
	}

	if (!empty($class)) {
		$class = ' class="'.trim($class).'"';
	}

	echo '<li'.$class.'>';

	// Render the menu item.
	
	switch ($item->type) :
		case 'separator':
		case 'url':
		case 'component':
			require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
			break;

		default:
			require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
			break;
	endswitch;
	

	// The next item is deeper.
	if ($item->deeper) {
		echo '<ul>';
	}
	// The next item is shallower.
	elseif ($item->shallower) {
		echo '</li>';
		echo str_repeat('</ul></li>', $item->level_diff);
	}
	// The next item is on the same level.
	else {
		echo '</li>';
	}
endforeach;
?></ul>

#menu{
	width:800px;
	height:66px;

	}
.menu ul{
			list-style:none;
			padding:0 25px;
		}
.menu li{
	list-style:none;
	display:block;
	float:left;
	height:66px;
	line-height:66px;
	vertical-align:middle;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
			}
.menu li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
	padding:0 0 0 15px;
	text-decoration:none;
	cursor:pointer;
				}
.menu li a span{
	display:block;
	float:left;
	color:#333333;
	padding:0 30px 0 15px;
				}
.menu li a:hover{
	display:block;
	float:left;
	background-image: url(../images/1menu-bg_l.png);
	background-repeat: no-repeat;
					}
.menu li a:hover span{
	display:block;
	float:left;
	color:#FFFFFF;
	background:url(../images/1menu-bg_r.png) no-repeat right;
					}
.menu li a.current{
	display:block;
	float:left;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
	padding:0 0 0 15px;
	text-decoration:none;
	background-image: url(../images/1menu-bg_l.png);
	background-repeat: no-repeat;
				}
.menu li a.current span{
	display:block;
	float:left;
	background:url(../images/1menu-bg_r.png) no-repeat right;
	color:#FFFFFF;
	padding:0 38px 0 18px;
				}

<?php
/**
 * @package		Joomla.Site
 * @subpackage	mod_menu
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
$class = $item->anchor_css ? 'class="'.$item->anchor_css.'" ' : '';
$title = $item->anchor_title ? 'title="'.$item->anchor_title.'" ' : '';
if ($item->menu_image) {
		$item->params->get('menu_text', 1 )?
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" />';
}
else { $linktype = $item->title;
}

switch ($item->browserNav) :
	default:
	case 0:
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
		break;
	case 1:
		// _blank
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
		break;
	case 2:
	// window.open
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');return false;" <?php echo $title; ?>><?php echo $linktype; ?></a>
<?php
		break;
endswitch;

// Note. It is important to remove spaces between elements.
$class = $item->anchor_css ? 'class="'.$item->anchor_css.'" ' : '';
$title = $item->anchor_title ? 'title="'.$item->anchor_title.'" ' : '';
if ($item->menu_image) {
		$item->params->get('menu_text', 1 )?
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" />';
}
else { $linktype = $item->title;
}

switch ($item->browserNav) :
	default:
	case 0:
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?>><span><?php echo $linktype; ?></span></a><?php
		break;
	case 1:
		// _blank
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php
		break;
	case 2:
	// window.open
?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');return false;" <?php echo $title; ?>><?php echo $linktype; ?></a>
<?php
		break;
endswitch;