CSS not working in IE8

Question

I am writing signature on a canvas . (Flash canvas) - Using jquery jsSignature plugin.

http://willowsystems.github.io/jSignature/#/about/

Signature color is black. But the signature is not visible. Actually it is writing to canvas. Canvas background is red.

If I close the browser and reopen the closed browser it is showing the signature. But again if I refresh or go to next page and coming back, again signature does not appear on canvas.

I know question is not reasonable and more down-votes can appear, still I am looking for some suggestions.

It is working on IE6 and IE9.

Not understanding whether it is CSS issue or JavaScript issue. Please help.

I can only give below information. I know this is not enough. I am unable to reproduce this in jsfiddle. Because lack of time.

CSS

    #signatureparentAppSig {
        background-color: #red;
        color: black;
        padding : 0px;
    }

Javascript:-

$appSig.jSignature({'UndoButton':true, 'extraActionClass' : 'appSigActions', 'strokeManagingFieldId' : 'app_num_strok', 'background-color':'white', 'sizeRatio' : '4', 'lineWidth' : '2', 'width' : '550', 'height' : '157'})

Answer 1

You can use modernizr and/or normalize to make it display properly (like a block) so it will fit in your design. However, the functionality of the canvas is not usable in a browser that doesnt support it.