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

PHP Code:

#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;"