оформление меню в css

[ED_]

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

Код:

.moduletable_menu {
margin-bottom:1em;
border:none;
height: 1px;
}


/* Heading */
.moduletable_menu h3 {
background-color: #1e2d47;
width:200px;
height:41px;
color:#fff;
margin:0 0px 0.5em;
padding-top:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
text-align:center;
}

.moduletable_menu ul {
list-style:none;
margin:0;
padding:0;
}

.moduletable_menu li {
margin:0;
background-image:url(../images/left_m.png);
background-repeat:repeat-y;
width:200px;
margin-bottom: 1px;
display: block;
padding-left: 15px;
}

.moduletable_menu li a {
text-decoration:none;
padding:3px 1px 3px 10px;
line-height: 2;
background-image:url(../images/dot.png);
background-repeat:no-repeat;
background-position:left center;

}

а вот файл шаблона

Код:

<?php

// no direct access
defined('_JEXEC') or die('Restricted access');


if ( ! defined('modMainMenuXMLCallbackDefined') )
{
function modMainMenuXMLCallback(&$node, $args)
{
$user = &JFactory::getUser();
$menu = &JSite::getMenu();
$active = $menu->getActive();
$path = isset($active) ? array_reverse($active->tree) : null;

if (($args['end']) && ($node->attributes('level') >= $args['end']))
{
$children = $node->children();
foreach ($node->children() as $child)
{
if ($child->name() == 'ul') {
$node->removeChild($child);
}
}
}

if ($node->name() == 'ul') {
foreach ($node->children() as $child)
{
if ($child->attributes('access') > $user->get('aid', 0)) {
$node->removeChild($child);
}
}
}

if (($node->name() == 'li') && isset($node->ul)) {
$node->addAttribute('class', 'parent');
}

if (isset($path) && in_array($node->attributes('id'), $path))
{
if ($node->attributes('class')) {
$node->addAttribute('class', $node->attributes('class').' active');
} else {
$node->addAttribute('class', 'active');
}
}
else
{
if (isset($args['children']) && !$args['children'])
{
$children = $node->children();
foreach ($node->children() as $child)
{
if ($child->name() == 'ul') {
$node->removeChild($child);
}
}
}
}

if (($node->name() == 'li') && ($id = $node->attributes('id'))) {
if ($node->attributes('class')) {
$node->addAttribute('class', $node->attributes('class').' item'.$id);
} else {
$node->addAttribute('class', 'item'.$id);
}
}

if (isset($path) && $node->attributes('id') == $path[0]) {
$node->addAttribute('id', 'current');
} else {
$node->removeAttribute('id');
}
$node->removeAttribute('level');
$node->removeAttribute('access');
}
define('modMainMenuXMLCallbackDefined', true);
}

modMainMenuHelper::render($params, 'modMainMenuXMLCallback');

Куда тут дивы запихнуть???

[ED_]

вообщем пошел другим путем. Для меню прописал отдельную позицию  <jdoc:include type="modules" name="menu_main" style="xhtml"/> и сразу же за ней вставил <div class="listok"></div>. Где для класса .listok в css прописал  бэкграундом нужную мне картинку. Но эта картинка отображается не внизу меню, а налазит на само меню и отображается вверху. Что я не учел? может кто знает?

[Helios]

для background указать позиционирование (top|left|center|bootom) либо отступ сверху элемента

[ED_]

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

[resens]

тогда делай не полностью bg из jpg, а маленький png с самим загибом и вешай в правый нижний угол (или куда он загибается) используя bootom, right.