After scouring places and such the code I've found is:

#userinfo
{
background-color:transparent;
}

But all it does it make it a light blue. To me, it kinda defeats the purpose of a background if you can't see it.

After scouring places and such the code I've found is:

#userinfo
{
background-color:transparent;
}

But all it does it make it a light blue. To me, it kinda defeats the purpose of a background if you can't see it.

Try this. Change both the .5 and 50 to the same percentage. 1 and 100 make it a solid color while 0 and 0 make it totally transparent. What is down there makes it 50% transparent. Why do you need both? Because one works only for IE and the Other for Firefox. This covers the two most popular browsers.

#userinfo{
opacity: .5;
filter: alpha(opacity=50);
}


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics

It makes everything but the box background transparent.

I'm assuming that you were trying to get the picture in the background to show through. And it does when I look at it. Am I right here?


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics

If you notice in the screenshot I took the middle bar thing is in the way of the wallpaper.

The picture is taken with the code you provided, which is why things look ghostly but the middle thing is still there.

Try this. I think this is what you are trying to get to. At least I think so.

#userinfo{
background-image:url();
}


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics

Nope. I even put in the background color to be transparent.

#userinfo{
background-image:url();
background-color:transparent;
}

It's back to light blue. I'm thinking that you can't get rid of it so I'm just going to give up.

What browser are you working with? Cause I've got that code to work on my page. Also, there is no 'transparent' value for 'background-color'. Try 'none' there. But to my knowledge that won't get rid of it. I also looked at the code you have there and you have to entries for #userinfo.

#userinfo{
background-image: url('');
color: #306754;
}

and

#userinfo{
background-image:url();
background-color:transparent;
}

Try dropping one and making the other look like this,

#userinfo{
background-image: url();
color: #306754;
background-color:none;
}


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics

I use Mozilla SeaMonkey but I also tested it with IE7.

This is the code in my CSS thing:

body
{
background-image:
url('http://img153.imageshack.us/img153/254/pwnedwallpapermk0.jpg');
background-repeat:
no-repeat fixed center;
background-attachment:
fixed
}
#userinfo{
background-image:url();
background-color:transparent;
}

You try changing the "transparent" to "none" yet? Because that is how I had mine set up.


"Those who say they don't fear Death are either Lying or Insane. Which am I?"
-Hades
God of the UnderWorld as well as the Erratics