Кроссбраузерная верстка

[zagoda]

Добрый день. Прошу подсказки от знатоков CSS и HTML.

Сайт на джумле 1.5, заданный шаблон. В конце каждой статьи - ссылка "Подробнее" и серая полоска. В IE 6 отображается корректно, а в Firefox - нет. скриншот : http://www.save-img.com/v.php?id=68f725959...64fd7a4f6c275da

Html-код:

<a href="/index.php?option=com_content&view=article&id=527:2009-09-16-08-49-42&catid=17:2009-09-16-07-18-15&Itemid=66" title="Путину показали новое российское супероружие" class="readon">
							Подробнее...				</a>

</div>

</div>		<span class="article_separator"> </span>
</div>

Css-код:

a.readon {
	margin-top: 5px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

span.article_separator {
	display: block;
	height: 20px;
}

[s0rr0w]

В IE 6 отображается корректно, а в Firefox - нет.

Как раз наоборот.

[zagoda]

Как раз наоборот.

О, мудрейший s0rr0w! Возможно, я по незнанию назвал корректным способ отображения в IE. Однако он мне нравится, пусть и некорректен. Как можно сделать так, чтобы так же отображалось и в Firefox?

[s0rr0w]

О, мудрейший s0rr0w! Возможно, я по незнанию назвал корректным способ отображения в IE. Однако он мне нравится, пусть и некорректен. Как можно сделать так, чтобы так же отображалось и в Firefox?

Добавить цвет фона не пробовали?