Float background url behind another

HTML & CSS
1

For some reason a floated background url (twitter) is hiding behind another background url (facebook). It’s on the top right of the page. I tried using a margin to fix it, but can’t.

http://dev.newstartlaw.clients.blinkss.com/

.Facebook {
background:url(images/facebook_icon.png) no-repeat;
padding:7px 7px;
text-indent:-9999px;
float:left;
margin-right:2em;

}

What am I missing??

2

HI,

Try adding something like this:


#Social ul{
margin:0 0 0 1em;
padding:0;
list-style:none;
float:right;
}

#Social li.Facebook,
#Social li.Twitter {
width:30px;
height:30px;
padding:0;
margin:0 10px 15px 0;
clear:none;
float:left;
}
3

Checking your page in the validator it looks like you have some stray </a> tags in the page. That might muck things up a bit?

I’m no expert.

4

The solution I gave fixes the problem the OP mentioned but of course any stray tags should be cleaned up as they may cause problems elsewhere :slight_smile: