Проблемы с версткой

Mishcka

Новичок
Проблемы с версткой

Здравствуйте! Помогите пожалуйста!
Проблемы:
1) Имеется блок Div с фоновым изображением, которое больше по размером чем Div, и это фоновое изображение в браузерах Google Chrome 4 и Safari 4 выезжает за пределы элемента и накладывается как дополнительный фон в нижестоящих элементах.

Код:
.wp-polls {
background:url("images/poll_upper.png") no-repeat scroll 0 0 transparent;
padding-bottom:0;
padding-top:46px;
}
2) В браузере Safari 4 не отображается фоновое изображение

Код:
#wpcumuluswidgetcontent  {
background:url("images/tags_bottom.png") no-repeat scroll 0 0 transparent;
}
3) В браузере IE 8, приведенный ниже код вообще ничего не выводит, хотя должен

HTML:
<div id="polls-2-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
		<li><input type="radio" id="poll-answer-6" name="poll_2" value="6" /> <span>Через 2000 лет</span></li>
		<li><input type="radio" id="poll-answer-7" name="poll_2" value="7" /> <span>Послезавтра</span></li>
		<li><input type="radio" id="poll-answer-8" name="poll_2" value="8" /> <span>Когда вылечат рак мозга у политиков</span></li>
		<li><input type="radio" id="poll-answer-9" name="poll_2" value="9" /> <span>Кризиса уже давно нет</span></li>
		<li><input type="radio" id="poll-answer-10" name="poll_2" value="10" /> <span>Никогда</span></li>
		<li><input type="radio" id="poll-answer-11" name="poll_2" value="11" /> <span>Через пару-тройку лет</span></li>
		</ul><p><input type="button" name="vote" value="   Голосовать   " class="Buttons" onclick="poll_vote(2);" onkeypress="poll_result(2);" /></p><div id="poll_bottom"></div>

Код:
.wp-polls-ans {
opacity:1;
width:100%;
}

.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
background-image:none;
display:block;
margin:0;
padding:4px;
text-align:left;
}

.wp-polls-ul {
margin:0 0 10px 15px;
padding:0;
}

.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li span {
font-family:Times New Roman,Helvetica,Tahoma,sans-serif;
font-size:95%;
}
polls-...er=2.40 (строка 33)
.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
background-image:none;
display:block;
margin:0;
padding:4px;
text-align:left;
}

wp-polls img, .wp-polls label, .wp-polls input, .wp-polls-loading img, .wp-polls-image img {
border:0 none;
display:inline;
margin:0;
padding:0;
vertical-align:middle;
}
4) В IE 8 элементы Checkbox и Label не выравниваются по вертикали, Label немного выше находится, чем Checkbox, хотя во всех остальных браузерах нормально. Как мне выравнять по вертикали эти элементы?

HTML:
<p id="subscribe-to-comments" style="clear: both;">
	<input type="checkbox" style="width: auto;" value="subscribe" id="subscribe" name="subscribe">
	<label for="subscribe">Оповещать о новых комментариях по почте</label>
</p>
Код:
element.style  {
clear:both;
}

#commentform #subscribe-to-comments {
font:italic 90% cambria,century,garamond;
margin:5px 0 0;
padding:1px 0 0;
vertical-align:top;
}

#commentform #subscribe-to-comments #subscribe {
display:block;
float:left;
height:15px;
margin:1px 5px 0 0;
}

#commentform #subscribe-to-comments label {
display:block;
margin:1px 5px 0 0;
vertical-align:bottom;
}
Спасибо!!!
 
Сверху