Отступ в последней строке в элементе списка

[Микель]

Подскажите, плз...

В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (Mozilla, Netscape, частично ИЕ)

<table>
<tr>
<td width="80%"> </td>
<td><p class="date_news"><span class="date_news">20.03.2008</span> </p>
 <ul class="list_general_news">
 <li><a href="/news/dlya_megaproproekta_sankt_peterburga_morskoj_fasad_kompaniya_gorodskoj_centr_ekspertiz_ekologiya_vypolnit_rabotu_po_ocenke_vozde/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружающую среду </a></li>
 </ul>

 <p class="date_news"><span class="date_news">13.03.2008</span> </p>
 <ul class="list_general_news">
 <li><a href="/news/vice_prezident_gruppy_kompanij_gorodskoj_centr_ekspertiz_andrej_kamenskij_kommentiruet_sdelku_po_pokupke_neftyanyh_mestorozhdeni/">Вице-президент группы компаний «Городской центр экспертиз» Андрей Каменский комментирует сделку по покупке нефтяных месторождений питерской компанией «Векон» для газеты «РБК daily» </a></li>
 </ul>

 <p class="date_news"><span class="date_news">11.03.2008</span> </p>
 <ul class="list_general_news">
 <li><a href="/news/do_konca_2008_goda_kompaniya_gorodskoj_centr_ekspertiz_sever_provedet_tehnicheskuyu_diagnostiku_bolee_300_edinic_transporta_i_te/">До конца 2008 года компания ?Городской центр экспертиз - Север? проведет техническую диагностику более 300 единиц транспорта и технических устройств различного назначения ОАО ?Карельский окатыш? </a></li>
 </ul></td>
</tr> 
</table>

[Иван Шумов]

хотелось бы увидеть что прячется в CSS

[Микель]

p.date_news {
margin-top:12px;
}

span.date_news {
margin:0px 0px 0px 30px;
color:#0a2961;
font-size:11px;
font-weight:bold;
}

ul.list_general_news {
margin:0px 20px 0px 20px;
padding:0px;
}

ul.list_general_news li {
background:url(/project_data/images/blue_quare.gif) left top no-repeat;
padding:0px 0px 0px 11px;
margin:0px;
}

ul.list_general_news li a{
font-size:11px;
color:#231f20;
text-decoration:none;
margin:0px;
padding:0px;
}

ul.list_general_news li a:hover{
font-size:11px;
color:#231f20;
text-decoration:underline;
}

[Mordraug]

вы не обнулили поля и отступы по умолчанию для контейнера

.

ваш код:

p.date_news {
margin-top:12px;
}

нужно примерно так:

p.date_news {
paddign:0;
margin:12px 0 0 0;
}

[Микель]

Mordraug

Ваш метод не помогает, да и по теории не должен.

Проблема,как мне кажется, в теге li.

Вот скрин

[Вадим]

Вы используете подряд слишком много имен. Даже Опера не всегда понимает сестринские отношения между элементами. Это значит, что запись такого типа id class p a span {...} не всегда обрабатывается корректно. Путем проб и ошибок попробуйте назначить только ID и непосредственно последний элемент, который вы задаете. Если же вы назначаете класс, то знайте, что ID имеет приоритет над классом, поэтому советую отказаться от конструкции, которую вы практикуете.

Данная проблема раскрыта в учебнике CSS Эрика Мейера.

[Микель]

Вадим, спасибо.

На самом деле проблема была в другом. Я копировал тексты из Фотошопа, ну и заодно,видимо, скопировал какие-то невидимые символы типа перевод строки,возврат каретки или что-то в этом роде.

Другое объяснение найти сложно,потому что вряд ли какие-то стили могут влиять только на последнюю строчку текста.