Profile picture box outline shows through menu

[Boofo]

How do I get the profile picture box outline to not show in the menu like it does in the attached pic? Is there some CSS I can add that will stop that from showing through?

[RobbieZ]

Where are you getting that drop down menu from Rob?

[Boofo]

A mod on my site.

[Simon Lloyd]

In the CSS for the box change the z index and see how that goes for you :)

[Boofo]

Change it to what? And where is the code to change?

[Simon Lloyd]

usually when displaying images via css you will have a z index like this#logoAd {
position: absolute; // reposition logo from the natural layout
left: 70px;
right: 5px;
top: 81px;
width: 300px;
height: 275px;
z-index: 2;
}
and it's usually that z index that causes the issue, make it a larger number to be on top and lower to be in front. It could of course be a float or clear issue, do you haqve a link so i can check the source code?

[Boofo]

Here's the source code for the pic:

<div id="userinfoblock" class="floatcontainer">

<a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">
<span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" /></span>
</a>



The menu itself doesn't show to guests.

[Simon Lloyd]

replace <a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">
<span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" /></span>
</a>for<a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">
<span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" border="0" /></span>
</a>other than that you'll either need to look at the floatcontainer or avatarcontainer CSS.

[Boofo]

I thought of that but taking the border out will crew up the profile pic then. Since I use CSS for the menu. Maybe I can add something to that to hide the border.

[Simon Lloyd]

The border="0" for the image shouldn't cause any issue, if you want borders around the pic use CSS or styling to do "border: 1px solid;"