IE8 , problem when showing results !

In mozilla 18 and chrome everything is OK.

Hey Zeljko

We have playin around with the poll on your website but could not replicate the problem.
Can you send us an image with the error(s) you are getting?

Thank you.
YOP Team

Thanks for help and your effort.

Here is the printscreeon of the problem, you can see the version of IE I’m running.. i know that IE sometime have problems with wordpress but unfortunately lot of people are still using it.

In beginning after clicking on results, all off the results would be messy and one above other, etc.. but now nothing is showing up.

https://img547.imageshack.us/img547/1457/yoppoll.jpg

When I added the plugin, layout was a little bit in offset so i made small changes in CSS and in template, but i doubt that those corrections have something to do with plugin behavior.

CSS
——————–
#yop-poll-container-%POLL-ID% {
width:185px;
background:#fff;
padding:0px;
color:#555;
overflow:hidden;
font-size:12px;
}
#yop-poll-name-%POLL-ID% {
font-size:14px;
font-weight:bold;
}

#yop-poll-question-%POLL-ID% {
font-size:14px;
margin:5px 0px;
}
#yop-poll-answers-%POLL-ID% { }
#yop-poll-answers-%POLL-ID% ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#yop-poll-answers-%POLL-ID% ul li {
font-style:normal;
margin:0px 0px 10px 0px;
padding:0px;
font-size:12px;
}
#yop-poll-answers-%POLL-ID% ul li input {
margin:0px;
float:none;
}
#yop-poll-answers-%POLL-ID% ul li label {
margin:0px;
font-style:normal;
font-weight:normal;
font-size:12px;
float:none;
}
.yop-poll-results-%POLL-ID% {
font-size: 12px;
font-style: italic;
font-weight: normal;
margin-left: 15px;
}

#yop-poll-custom-%POLL-ID% { }
#yop-poll-custom-%POLL-ID% ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#yop-poll-custom-%POLL-ID% ul li {
padding:0px;
margin:0px;
font-size:14px;
}
#yop-poll-custom-%POLL-ID% ul li input { margin:0px 0px 5px 0px; padding:2%; width:96%; text-indent:2%; font-size:12px; }

#yop-poll-vote-%POLL-ID% {

}
.yop-poll-results-bar-%POLL-ID% { background:#f5f5f5; height:10px; }
.yop-poll-results-bar-%POLL-ID% div { background:#555; height:10px; }
#yop-poll-vote-%POLL-ID% div#yop-poll-vote-%POLL-ID% button { float:left; }
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% {
float: right;
margin-bottom: 20px;
margin-top: -20px;
width: auto;
}
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% a { color:#555; text-decoration:underline; font-size:12px;}
#yop-poll-vote-%POLL-ID% div#yop-poll-back-%POLL-ID% a { color:#555; text-decoration:underline; font-size:12px;}
#yop-poll-vote-%POLL-ID% div { float:left; width:100%; }

#yop-poll-container-error-%POLL-ID% {
font-size:12px;
font-style:italic;
color:red;
text-transform:lowercase;
}
———————-

TEMPLATE after vote
———————–
<div id=”yop-poll-name-%POLL-ID%” class=”yop-poll-name”>%POLL-NAME%</div>
<div id=”yop-poll-question-%POLL-ID%” class=”yop-poll-question”>%POLL-QUESTION%</div>

<div id=”yop-poll-answers-%POLL-ID%” class=”yop-poll-answers”>

[ANSWER_RESULT_CONTAINER]
<li class=”yop-poll-li-result-%POLL-ID%”>
<label class=”pds-feedback-label-%POLL-ID%”>
<span class=”pds-answer-text-%POLL-ID%”>%POLL-ANSWER-LABEL%</span>
<span class=”pds-feedback-result-%POLL-ID%”>
<span class=”pds-feedback-per-%POLL-ID%”> %POLL-ANSWER-RESULT-LABEL%</span>
</span>
</label>
<div>
%POLL-ANSWER-RESULT-BAR%
</div>

[/ANSWER_RESULT_CONTAINER]

</div>
<div id=”yop-poll-vote-%POLL-ID%” class=”yop-poll-footer”>
<div>%POLL-TOTAL-ANSWERS%</div>
<div>%POLL-TOTAL-VOTES%</div>
<div id=”yop-poll-back-%POLL-ID%”>%POLL-BACK-TO-VOTE-LINK%</div>
</div>
—————————–