And now I have a new glitch challenge...

[Gavin_+ 56]

Hi People of Pagelines, Your expert help and guidance is needed once more. I have moved the social media icons and apparently on IE when you hover over them they run vertical instead of horizontal. http://79.170.44.130/ginseng-lily.co.uk Any ideas what I should do? Thanks in advance.

[Kate 3]

Hey Gavin, That link didn't work...

[Gavin_+ 56]

whoops pls try this http://79.170.44.130/ginseng-lily.co.uk/ thanks

[cmunns 16]

Moving them alone wouldn't cause this. What CSS were you using for this...maybe your "move" in the css you left something open?

[Gavin_+ 56]

I haven't used any css for the icons, I did use the options in the Header/Nav section of page lines. Here is the css i have used for the other items:

	div.branding_wrap img#phone-us {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	img.ournumber {padding-left: 50px; padding-bottom: 15px;}
	
		#headerbutton {
	    background: url("http://79.170.44.130/ginseng-lily.co.uk/wp-content/uploads/2011/06/call-me-back-2.png") no-repeat scroll 0 0 transparent;
	    bottom: 17px;
	    display: block;
	    height: 40px;
	    left: 765px;
	    position: absolute;
	    width: 115px;
	}
	
	#headerbutton:hover {
		background-position: 0 -40px;
	}
	
	#headerbutton span {
	position: absolute;
	top: -999em
	}
	#headerbutton2 {
	    background: url("http://79.170.44.130/ginseng-lily.co.uk/wp-content/uploads/2011/06/tell-a-friend.png") no-repeat scroll 0 0 transparent;
	    bottom: 17px;
	    display: block;
	    height: 40px;
	    left: 886px;
	    position: absolute;
	    width: 115px;
	}
	
	#headerbutton2:hover {
		background-position: 0 -40px;
	}
	
	#headerbutton2 span {
	position: absolute;
	top: -999em
	}
	
	#phone-us {
	top: 38px!important;
	left: 550px; }
	
	.icons a {
	  margin-left: 4px;
	}

This bit seems unnecessary

img.ournumber {padding-left: 50px; padding-bottom: 15px;}

Not sure where that came from. Problem is I can't see the problem as it seems that it only occurs in IE

[catrina 103]

.icons a {
	margin-left: 4px;
	}

^ What happens when you remove this?

[Gavin_+ 56]

Thanks for the suggestion Catrina, I'm not sure what happens as I don't have a PC with IE to know ;( Hopefully the problem has gone away.