I am encountering a curious issue with hiding span elements using CSS (display: none;). Upon page load, I expect the first span element to be displayed, which it does in all browsers except IE7. This anomaly has left me perplexed as there is no unusual code causing this malfunction.
Running jQuery v1.4.2
<script type="text/javascript">
$(document).ready(function() {
$('span.player').hide();
$('span.player:first').show();
});
</script>
<span class="player" style="display: none;">Player embed code</span>
<span class="player" style="display: none;">Player embed code 2</span>
Appreciate any insights, Jake