Modal doesn´t show up in IE 10

[anselm-urban]

The modal on my website doesn´t show up in IE10!

Here´s my code:

<a href="#twitter" class="topButton call-modal" title="Show my Twitter feed"><span class="icon-twitter"></span></a>

<figure class="semantic-content" id="twitter" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-inner">
        <div class="modal-content"><a class="twitter-timeline" height="500" href="https://twitter.com/anselm_urban" data-widget-id="280297923747647489">@anselm_urban´s tweets</a></div>
    </div>
    <a href="#!" class="modal-close" data-dismiss="modal">×</a>
</figure>

Update: works with JS.

[drublic]

Looks like the IE8 CSS hack influences IE9 and IE10 too.

// Internet Explorer 8
display: none\9;

&.is-active {
    display: block\9;
}

I will try to work around this and find a better solution.

[anselm-urban]

Here you´ll find a hack for only influencing IE8: http://browserhacks.com/
You could do the following for IE8: @media \0screen {}

[anselmh]

selector { 
    … 
    last-property: value\0/; 
}

should be enough.

[anselm-urban]

According to http://browserhacks.com/#ie this also covers IE9!

[anselmh]

Of course, sorry. Then you have to go the MQ way

[drublic]

Found another solution. Please see commit message.
Thanks for the help and reporting this bug.