Why do i have this margin

Hi all,
Can someone please tell me why i have the extra margin (or padding) all of the way down the right hand side of my website. The problem only occured when i was validating my code but i can’t seem to find the error.
Many thanks in advance.

<!doctype html>
<html>
<head>
<title>Brynarth template</title>
<style>
* {
margin:0;
padding:0;
}

body {
background-color:#abbcc8;
font-family: Arial,Helvetica,sans-serif;
font-style:italic;
color:#547286;
font-size:14px;
}

#header {
margin:0;
padding:0;
height:250px;
border-bottom:3px solid #eee;
background-color:#5E8197;
box-sizing:border-box;
}

#logo {
position:absolute;
left:190px;
}

#bb {
position:absolute;
top:60px;
left:550px;
}

#phone {
position:absolute;
right:200px;
top:58px;
}

#email {
position:absolute;
right:200px;
top:120px;
}

#favicon {
position:absolute;
right:202px;
top:190px;
}

#fb {
float:right;
margin-right:10px;
}

#twitter {
float:left;
margin-right:10px;
}

ul {
margin:0;
padding-left:200px;
list-style-type:none;
width:1150px;
float:left;
background-color:#8aa2b3;
}

ul li {
float:left;
}

ul a {
display:block;
text-decoration:none;
color:#fff;
padding:3px 17px 6px 17px;
border-right:1px solid #547286;
}

ul a:hover {
background-color:#547286
}

#content {
margin:0;
padding:0;
clear:left;
border:2px solid #eee;
}

#content_wrapper {
margin:10px auto 0;
width:1000px;
box-sizing:border-box;
}

#leftcontent {
position:relative;
float:left;
width:650px;
height:1150px;
margin:10px 10px 0;
background-color:#fff;
padding:10px;
box-sizing:border-box;
}

#rightcontent {
position:relative;
float:left;
width:296px;
height:1150px;
margin-top:10px;
padding:20px;
background-color:#fff;
box-sizing:border-box;
}

#rightcontent p {
font-size:15px;
}

#right-1 img{
padding:4px;
border:1px solid #000;
}

#contact {
margin-top:0;
}

#star{
float:right;
padding:1px;
}

span{
margin-left:20px;
}

#leftcol {
float:left;
width:394px;
box-sizing:border-box;
}

#rightcol {
position:relative;
float:left;
width:205px;
height:1054px;
margin-left:10px;
box-sizing:border-box;
}

#topimage {
width:389px;
height:250px;
padding:4px;
margin-left:5px;
margin-top:10px;
border:1px solid #000;
box-sizing:border-box;
}

.leftcol_box1 {
float:left;
width:184px;
height:150px;
padding:4px;
border:1px solid #000;
margin-top:30px;
margin-left:5px;
box-sizing:border-box;
}

.leftcol_box2 {
float:right;
width:184px;
height:150px;
margin-top:30px;
padding:4px;
border: 1px solid #000;
box-sizing:border-box;
}

.leftcol_box3 {
float:left;
width:184px;
height:50px;
margin-top:30px;
padding:4px;
margin-left:5px;
box-sizing:border-box;
}

.leftcol_box4 {
float:right;
width:184px;
height:50px;
margin-top:30px;
box-sizing:border-box;
}
.leftcol_box5 {
float:left;
width:184px;
height:180px;
padding:5px;
padding-top:0;
margin-left:5px;
box-sizing:border-box;
}

.leftcol_box6 {
float:right;
width:184px;
height:180px;
padding:5px;
padding-top:0;
box-sizing:border-box;
}

#rightcol_box1 {
width:214px;
height:415px;
margin-left:10px;
padding-top:10px;
box-sizing:border-box;
}

#rightcol_box2 {
width:184px;
height:50px;
margin-top:50px;
margin-left:10px;
box-sizing:border-box;
}

#rightcol_box3 {
width:184px;
height:180px;
margin-left:10px;
padding:10px;
padding-top:0;
box-sizing:border-box;
}

#rightcol_box4 {
width:184px;
height:150px;
margin-top:35px;
padding:4px;
border: 1px solid #000;
box-sizing:border-box;
}

#rightcol_box5 {
width:184px;
height:50px;
margin-top:30px;
margin-left:10px;
box-sizing:border-box;
}

#rightcol_box6 {
width:184px;
height:180px;
margin-left:10px;
padding:10px;
padding-top:0;
box-sizing:border-box;
}

#cyclist {
margin:10px 0 10px 20px;
float:left;
}

#walkers {
margin:10px 20px 10px 0;
float:right;
}

#footer {
clear:both;
height:80px;
background-color:#5E8197;
}

#footer p {
color:#fff;
font-size:11px;
font-style:normal;
}

.address {
padding-top:8px;
margin-left:200px;
}


.company {
position:relative;
left:900px;
top:-14px;
}

.admin a {
color:#fff;
text-decoration:none;
margin-left:680px;
}

.admin a:hover {
text-decoration:underline;
}

</style>
</head>
<body>
<!--start of header div-->
<div id="header">
<div id="logo"><img src="images/logo.jpg" width="280" height="236" alt="logo.jpg"></div>
<div id="bb"><img src="images/bb_em.jpg" width="220" height="122" alt="bb_em.jpg"></div>
<div id="phone"><img src="images/phone.jpg" alt="phone.jpg"></div>
<div id="email"><img src="images/email.jpg" alt="email.jpg"></div>
<div id="favicon">
<div id="fb"><img src="images/facebook.jpg" alt="facebook.jpg"></div>
<div id="twitter"><img src="images/twitter.jpg" alt="twitter.jpg"></div>
</div>
</div>
<!--end of header div-->

<!--start of navigation-->
<ul>
	<li><a href="#">home</a></li>
	<li><a href="#">Accommodation</a></li>
	<li><a href="#">Eating</a></li>
	<li><a href="#">Relaxing</a></li>
	<li><a href="#">Exploring</a></li>
	<li><a href="#">Availability & Booking</a></li>
	<li><a href="#">Offers/News</a></li>
	<li><a href="#">Maps & Directions</a></li>
</ul>
<!--end of navigation-->
<!--start of content div-->
<div id="content">
</div>
<!--end of content div-->
<!--start of wrapper div-->
<div id="content_wrapper">

<!--start of left content div-->
<div id="leftcontent">

<!--start of leftcol div-->
<div id="leftcol">
<div id="topimage"><img src="images/gardentree.jpg" width="379" height="240" alt="gardentree.jpg"></div>

<div class="leftcol_box1"><img src="images/rsz_farmhouse1_shot4.jpg" width="174" height="140" alt="rsz_farmhouse1_shot4.jpg"></div>
<div class="leftcol_box2"><img src="images/eat.jpg" width="174" height="140" alt="eat.jpg"></div>
<div class="leftcol_box3"><img src="images/acc.png" width="174" height="40" alt="acc.png"></div>
<div class="leftcol_box4"><img src="images/eating.png" width="174" height="40" alt="eating.png"></div>
<div class="leftcol_box5"><p>We have 9 delightful guest rooms, 2 rooms in the main farmhouse and 7 rooms just across the court yard in the Old Dairy, all extremely cosy and full of character.<br><a href="#">>>More...</a></p></div>
<div class="leftcol_box6"><p>Our guests can enjoy their meals in the warm and welcoming farmhouse Dining Room. Our food is freshly coooked to order using as much locally sourced, fresh produce as possible, vegetarian options are also available by arrangement.<br><a href="#">>>More...</a></p></div>
<div class="leftcol_box1"><img src="images/relax.jpg" width="174" height="140" alt="relax.jpg"></div>
<div class="leftcol_box2"><img src="images/explore.jpg" width="174" height="140" alt="explore.jpg"></div>
<div class="leftcol_box3"><img src="images/relaxing.png" width="174" height="40" alt="relaxing.png"></div>
<div class="leftcol_box4"><img src="images/exploring.png" width="174" height="40" alt="exploring.png"></div>
<div class="leftcol_box5"><p>Our aim is to make your stay with us as relaxing and enjoyable as possible, from the warm welcome of the log fires in the inglenook fireplace, to the grounds and gardens... perfect for reflection.<br><a href="#">>>More...</a></p></div>
<div class="leftcol_box6"><p>Brynarth is a paradise for walkers and cyclists and an excellent base for visiting the many local attractions, nature reserves, coastal towns and villages, as well as hosting an abundance of wildlife in our own grounds.<br><a href="#">>>More...</a></p></div>

</div>
<!--end of leftcol div-->

<!--start of rightcol div-->
<div id="rightcol">

<div id="rightcol_box1"><p><strong>Brynarth</strong> Country Guest House nestled within the beautiful countryside in the foothills of the Cambrian Mountains, amongst some of the most stunning scenery in the Ystwyth Valley. Bed & Breakfast Accommodation, offering Evening Meals and a Licensed Bar.</p>
<p>This 17th Century farmhouse and its barns have been tastefully and sympathetically renovated in keeping with Brynarth's age and time in history, with 2 acres of bluebell woods included within its 8 acres of grounds.</p>
<p>Brynarth is a B &amp; B ideally located to access the many attractions in Ceredigion & its beautiful coastline, The Ystwyth & Elan Valleys & is near to Aberystwyth (20 minutes drive) to easily enjoy the bustling coastal town.</p>
<p>It is the perfect place to relax and unwind, whether for a weekend break or a longer stay.</p></div>
<div id="rightcol_box2"><img src="images/uni.png" width="174" height="40" alt="uni.png"></div>
<div id="rightcol_box3"><p>Brynarth Guesthouse is near both Aberystwyth and Lampeter and are an ideal place to stay if you are visiting either Aberystwyth University or Lampeter University, indeed we are a favoured haunt of many of the students parents who prefer not to stay in town.</p></div>
<div id="rightcol_box4"><img src="images/brian.jpg" width="174" height="140" alt="brian.jpg"></div>
<div id="rightcol_box5"><p><img src="images/dogs.png" width="180" height="46" alt="dogs.png"></p></div>
<div id="rightcol_box6"><p>We are a Dog Friendly Guesthouse, offering Dog Friendly accommodation, we have a large area in the woods around our field for you to walk your dog, and lots of great dog walking tracks close by.<br><a href="#">>>More...</a></p></div>
</div>
<!--end of rightcol div-->

</div>
<!--end of left content div-->

<!--start of right content div-->
<div id="rightcontent">
<div id="right-1"><img src="images/right-1.jpg" width="250" alt="right-1.jpg"></div>
<div id="contact"><img src="images/contact.png" width="236" alt="contact.png"></div>
<p>James Dwyer &amp; Stewart Betts
<br>Brynarth Country Guest House
<br>
</p>
<div id="star"><img src="images/4star.jpg" width="80" alt="4star.jpg"></div>
<p>
Liedrod
<br>
Aberystwyth
<br>
Ceredigion
<br>
Wales
<br>
SY23 4HX
<br>
phone: 01974 261367
<br>
<br>
OS Landranger 135 ref: 669698
<br>
<br>
</p>
<span><img src="images/emailus.jpg" width="220" alt="emailus.jpg"></span>
<span><img src="images/book.jpg" width="220" alt="book.jpg"></span>
<div id="cyclist"><img src="images/cyclists.jpg" width="98" alt="cyclists.jpg"></div>
<div id="walkers"><img src="images/walkers.jpg" width="98" alt="walkers.jpg"></div>
<span><img src="images/access.jpg" width="220" alt="access.jpg"></span>

<div style="margin-top:10px;border: 1px solid #000;"><span><iframe width="220" height="150" src="//www.youtube.com/embed/Hqs-ZwqbKtw" allowfullscreen></iframe></span></div>
<div style="height:118px;"></div>
</div>

<!--end of right content div-->

</div>
<!--end of wrapper div-->




<!--start of footer div-->
<div id="footer">
<p class="address">Brynarth Four Star Country Guesthouse, Lledrod, Aberystwyth, Mid Wales 01974 261367</p>
<p class="company">website hosting & maintenance: mach2media ltd</p>
<p class="admin"><a href="http://www.brynarth.co.uk/mainadmin.php">Administration</a></p>
</div>
<!--end of footer div-->

</body>
</html>

On .company you have left:900px essentially is causing that scrollbar. It’s just enormously wide at the moment. If you remove that and position yoru elements via floating/margins (floating so you can get them side by side) it should be fine.

Thanks very much Ryan you have fixed my problem, it must have been there before i validated my code but i just didn’t notice it. Right on to the next one and hopefully my errors will get less and less.:slight_smile:

Validating it would not have rectified the issue. Technically speaking, it was correct code (at least that snippet).

I know, it didn’t flag it up i was just correcting errors and realised i had the margin. Thanks for your help Ryan.