Why won't my script work in IE6

programming web dev
1

Hi there everyone!

I have looked for a good while now and have decided to ask you lovely people one again!!

I have this JS code

function smHide(Target){
    var div = document.getElementById(Target).style;
    if(div.display !== 'none'){
        div.display = 'none';
    }else{
        div.display = 'block';
    }
}

And this here HTML…


            <div class="box">
                <div class="titleBox" onclick="smHide('text1');">
                    <div class="title" >Welcome to my site</div>
                    <div class="hideBox"><img src="images/png-24/16-em-down.png" /><br />- Hide / Show Article -</div>
                </div>
                <div id="text1" class="text">
                    
                    Fusce dolor. Vivamus ipsum pede, hendrerit vel, accumsan quis, Text omitted!
                </div>
            </div>

Right~
So in FF and IE7 this works as it should, You click anywere on the title bar and the text in the box gets hidden. But for the life of me i have no idea why this will not work in IE6, other then its IE and it likes to dishout free headaches.

I’m hoping this is just a simple mistake I may of made somewhere, I dont really JS a lot so heres to hoping!

Thanks!

[EDIT]

I think I have narrowed the problem down to iepngfix.htc! Does anyone have an idea why this is happening? I only apply the fix to img and div tags.