Hello, so im just adding some social networking buttons into my header but i cant get rid of the horizontal tool bar i now have. any ideas?

 

This is in the header:

 

<div id="socialnetworkingbox">
<div id="snbleft">
	<div class="fb-like" data-href="http://www.facebook.com/pages/Vinyl-Penguin/121068487994503" data-send="false" data-layout="button_count" data-width=	"450" data-show-faces="false"></div>
</div>
<div id="snbright">
	<div class="addthis_toolbox addthis_default_style ">
	<a class="addthis_counter addthis_pill_style"></a>
	</div>
   </div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f43c1db469b46f9"></script>
</div>

 

Css:

 

#socialnetworkingbox { z-index: 99999; position:relative; width: 180px; background-color:#0C3; margin-left: 680px; /*margin-top: 20px; adds gap to top of page*/}

#snbleft { z-index: 99999; position:relative;float:left; width: 80px;}

#snbright { z-index: 99999; position:relative;float: right; width: 100px;}

 

Website link:

 

www.VinylPenguin.co.uk

 

Thanks in advance.

 

Craig.

Drop the left-margin for #socialnetworkingbox from 680px to 670px.

 

Long story short, the plugin creates an iframe that's about 10px too wide for it's position on the page.

But then the position of them moves to the left by 10px causing it to be out of line (not where i want it)

 

Still cant figure it out since nothing is really pushing it over the full width of the page lol...

Fair enough. Then try changing the data-width attribute for the fb-like div to something less than 450. That should hopefully make the iframe smaller.

Always the simplest things that fix the problems.

 

Changing the data width sorted it. Thanks.