Custom Scrollbar and Music Player Disappeared in IE?

[Noccy]

So I am currently making a website, and have been viewing it in both IE and Firefox all throughout the creating process. It was going along swimmingly, that was until I added in my custom scrollbar. After that happened, both the scrollbar and music player disappeared in IE, though it is still viewable in Firefox. Before that, the music player was visible in both IE and Firefox. So I am sure the addition of my custom scrollbar has something to do with it - but I would much rather not use a standard scrollbar for this particular layout, because I don't think it's as aesthetically pleasing.

Since seeing is believing, and pictures are worth a thousand words, here is a link to my website.

http://awesomesvenn.webs.com/

Any input would be much appreciated! I am so close to finishing the layout too!

[davelf]

i see this using ie.7, the position of your arrow scroll bar is out off position (same thing with your music button):


To fix it you can use:

<!--[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]-->

or

<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->

one more thing, i saw in your css, you are using

#container {
margin-left: 27%;
margin-top: -8px;

may be the % thing will make the IE goes wrong. Use the "px" ore safe i think.

good luck