Топ дня: РЖАВЫЙ VIP

Почти вторые сутки не сплю и туплю. Вся проблема на скрине. Вопрос, как исправить?
код css
.ablock {
background-color: #efefef;
color: #888;
padding: 0;
margin: 15px 25px;
width : auto;
height : 150px;
}

.lblock {
background: url(img/next.png) no-repeat center;
padding: 30px;
margin: 0;
height : 90px;
transition: 0.5s;
float: right;
width: 7%;
}
.lblock:hover {
background: url(img/nexth.png) no-repeat center #ddd;
padding: 30px;
margin: 0;
height : 90px;
transition: 0.5s;
float: right;
width: 5%;
}

html код

<div class="ablock">
<b>Собственно заколовок</b>
<br><br>
И собственно сам текст из-за которого все проблемы, но див пустым оставить не могу, так как описание по любому нужно.
<a class="lblock" href="/"></a></div>

Я непойму чего ты хочешь добиться, то что я вижу это вообще рукожопство (прошу прощения за грубость, но это так).

Я хочу просто добиться того, чтобы скобка не смещалась вниз при добавлении текста в блок. То что это рукожопство не могу отрицать, так как не гуру в этом деле.

<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr valign="center">
<td class="adblock" width="90%"><b>Собственно заголовок</b> </td>
<td width="10%"><a class="iblock" href="/"></a></td></tr></table>

.ablock {
background-color: #efefef;
color: #888;
padding: 0;
margin: 15px 25px; это тут ненужной.
width : auto;
height : 150px;
}

a.lblock {
background: url(img/next.png) no-repeat center;
margin: 0;
height : 90px;
transition: 0.5s;
display:block;
}
a.lblock:hover {
background: url(img/nexth.png) no-repeat center #ddd;
margin: 0;
height : 90px;
transition: 0.5s;
display:block;
}
________
посл. ред. 03.04.2016 в 17:17; всего 1 раз(а); by ANGRY

http://ruseller.com в помощь.

В таблице уже пробовал размещать, но там получается что стрелка вне дива .ablock

Как это в не дива?

Дай линк на стр открою исходный.

у меня на денвере