Как правильно сдвинуть эти элементы не пойму? - Вопросы по CSS

Есть такая конструкция

<div class="block">
<div>...</div> <!-- вот этот div мне нужно переместить "визуально" внутрь тега li, не меняя сам код -->
<ul>
<li>...</li> <!-- а li нужно сдвинуть вверх -->
</ul>
</div>

Как правильно это сделать?

можете попробовать так:

хотя, имхо, изврат это...

Если бы float... ) нужно было чтобы обязательно на li "наезжал" в итоге после небольших извращений получилось, может кому пригодиться тоже.

.block li{
margin-top:-25px;
}

/* тот самый div */ {
   width:25px;
   position: relative;
   z-index: 2;
   top: 30px;
   left:940px;
}

Также добавьте display:inline; а от отрицательного маргина избавьтесь - дурной тон его использовать (только в крайних случаях)
Если бы предоставили ссылку на ресурс с описанием проблемного места - было бы понятнее, как именно вам помочь.