Jak dostat druhy objekt nize v divu.

Zdravím
Pokouším se udělat méně praso kód..problém je ten,že nyní bych potřeboval dostat druhý objekt(čili objekt s textem "Zase neco") o nějaké pixely dolů a trošku více rozestup.
Těch objektů bude ve finále více a každý bude ve vertikálně jiné poloze,prosím o radu,jak to udělat,aby vše fungovalo(i když validní to asi nebude nikdy),já už jsem svoje možnosti asi vyčerpal(Jedině to udělat zase jako prase:).

Ps:Ještě jedna věc,když nastavím barvu na nadpisu,jsou je barva v menu ktere vyjede stejna,já bych ale potřeboval tyto barvy odlišné,ale přiřazení pomocí css nefunguje.

Děkuji velmi za jakoukolliv radu.

Přikládám kód:
XHTML
<!--Zde začíná menu--------------------------->
<div id="menu_ram">
<ul class="menu uroven1">
<li class="polozka1">
<a href="">Text 1</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">oděvy</a></li>
<li class="polozka2"><a href="">pletené</a></li>
<li class="polozka2"><a href="">tkané</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Zase neco</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">hi-fi</a></li>
<li class="polozka2"><a href="">bílá technika</a></li>
<li class="polozka2"><a href="">počítače</a></li>
</ul>
</li>
</ul>
</div>


<!--A zde končí--------------------------->

CSS

/*Div ve kterem budu menu includovat */
#menu_ram{
position:absolute;
top: 207px;
width: 614px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
left: 201px;
color: #FFFFFF;
}
/*zacatek menu*/

.menu
{
padding: 0;
margin: 0;
}

.menu a
{
color: #2A1FFF;
display: block;
width: 100%;
text-align: center;
padding-top: 30px;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
}

ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
height: 81px;
_width: 1px; /* IE */
background-image: url(images/menu_big.png);
width: 81px;
}

ul.uroven2
{
color: #2A3F00;
position: absolute;
left: 100 px;
top: 300 px;
_top: 300 px; /* IE */
width: 50px;
visibility: hidden;
padding-top: 100px;
font-family: Arial, Helvetica, sans-serif;
}

ul.uroven2 img
{
border: solid #368 2px;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

ul.uroven2 li.polozka2 a:hover
{
background-color: #FF00FF;
}


.menu a:hover
{
text-decoration: none;
}

ul.uroven1 li.polozka1
{
behavior: url(hover.htc);
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background-image: url(images/menu_big_hover.png);
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
/*konec menu*/

To nikdo netuší?