I need help with CSS....I think (newbie)

remove #controls, and #tray-arrow from your CSS file!

Thanks, I've removed this:

#tray-button, #jp_interface_1, #controls
{
	display: none;
}

that's in the 2174 line of my main CSS file but nothing happens

I've attached my CSS file in case you can give me a hand.

hi panchoskywalker,

you have multiple css files are running the controls. so you need to hide some of the css on supersized.css line no : 42.

#controls {
    background: none repeat scroll 0 0 #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0 8px;
    text-align: center;
    width: 120px;
    z-index: 5;
display:none;
}

it will help you.

Thanks,

#controls {
    background: none repeat scroll 0 0 #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0 8px;
    text-align: center;
    width: 120px;
    z-index: 5;
display:none;
}

Well, thank you for your help, I've made both modification and nothing happens. Buttons are still there.

In firebug, I can see this:

element.style {
display: block;
}

When I change it to "display: none" buttons do disappear but I don't know in which file to find this sentence.

Here's what I mean:

buttons by panchoskywalker, on Flickr