Я занимаюсь разработкой онлайн-резюме, но у меня проблемы с google chrome и ie7 с неупорядоченным списком. В то время как они хорошо отображаются на боковой панели, по какой-то причине в разделе содержимого первая точка маркера перемещается в крайнее правое положение своего контейнера, при этом текст отображается нормально, а все остальные маркеры и текст позиционируются нормально. Эта ошибка не возникает ни в одном другом крупном браузере.
Вот код и скриншот того, что происходит.
<h2>Education</h2>
<div class="education">
<h3>Institution Name</h3>
<p class="date">Date 1000<br />~ Date 2000</p>
<p class="description">Vel augue ac a adipiscing? Facilisis. Dictumst vut rhoncus ut scelerisque, duis mid! Amet ultricies parturient cursus amet? Cum, diam sed platea ultrices in, phasellus augue amet.</p>
<ul>
<li><span>Masters of Design</span></li>
<li><span>fagjfjfhdgsdf</span></li>
<li><span>Random blabble text</span></li>
</ul>
</div>
.education ul{margin-left:120px;}
#sidebar{}
.education ul li,
#sidebar ul li{list-style:square; font-size:18px; line-height:18px;}
.education ul li span,
#sidebar ul li span{font-size:13px; color:#3C3225;}
ul{color:#11c9c7;}
Изображения ошибок в IE7 и Google Chrome
Как ни странно, это работает в IE6 и IE8, поэтому я немного сбит с толку, поскольку я кодировал не иначе, чем обычно, и боковая панель ul использует тот же код, что и показано, рендерится нормально. Кто-нибудь знает, что может быть причиной этого?
