ProLoser/AnythingSlider — Issue #213: Metallic theme button transparency issue
Author: WebGirly3
Created: 2011-11-15 21:17:02+00:00
State: open

http://www.gulfwebservices.com/clients/sjc/

I added the slider using the metallic theme but the transparency on the left/right buttons and on the bullet navigation is showing partially showing the background of the page instead of the slider photo.

Also, how can I remove the spacing above the slider so my navigation buttons are touching the top of the slider? I removed the bars but I can't find any other spacing to remove.

Here is my css:

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
background-image: url(../images/bg.jpg);
}

#outerWrapper {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header {
width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#nav {
width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
}

#nav ul {
list-style-type: none;
}

#nav ul li {
display: inline;
margin: 0px;
float: left;
}

#nav ul li a img {
margin: 0px;
border: none;
}

#content {
float: left;
width: 100%;
clear: both;
}