Css probleem

Hoe kan je een image naar rechts plaatsen zonder dat er een grote scrollbalk komt.
Want als ik margin-left doe dan krijg ik een lange scroll balk.

een float: right; meegeven met de afbeelding?

Dat lukt ook niet

Geef je CSS is en je index.html/php

heb je een link van de website, dan kan ik kijken

Ik stuur je via PB, want hij is nog geheim

Index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>

<body>
    <div id="container">
    <div id="balk_boven"><strong>Plaats Shout |</strong></div>
    <div id="topstory"></div>
    <div id="header">
<div id="ledeninfo"></div>
</div>
 
     <div id="menu"></div>
     <div id="menu_down"></div>
     <div id="mid">
     <div class="sidebar">
     <div id="top_black">Navigatie</div>
     </div>
     </div>
 
</div>
</body>
</html>

Style:

body {
    background:#FFF;
    width: 100%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#000;
    margin: 0;
    padding: 0;
}
#container {
    width: 907px;
    margin: 0px auto;
}
#balk_boven {
    height: 30px;
    width: 907px;
    color:#FFF;
    background: url(img/berichtenbalk.png);
}
#topstory {
    height: 73px;
    width: 907px;
    background: url(img/topstory.png);
}
#header {
    height: 235px;
    width: 676px;
    background: url(img/header.png);
    
}
#ledeninfo {
    height: 235px;
    width: 676px;
    background: url(img/ledeninfo.png) no-repeat;
    float: right;
    margin-left: 1px;
    
}
#menu {
    height: 700px;
    width: 907px;
    background: url(img/menu.png) no-repeat;
    float: left;
    font-weight: bold;
}
#menu_down {
    height: 17px;
    width: 631px;
    background: url(img/menu_down.png) no-repeat;
    float: right;
    margin-top: -690px;
}
#mid{
    background: url(img/content.png);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width: 907px;
    margin-left: -1px;
}
#top_black{
    background: url(img/top_menu_black.png);
    width: 182px;
    height: 22px;
    margin-top: 300px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    font-size: 12px;
}
.sidebar {
    width: 215px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}

kijk eens goed naar de afmetingen van je afbeelding.
je ledeninfoplaatje is veel kleiner dan in je css staat

Dan staat hij nog steeds niet naast de header.

Ik heb dit samen met SHahiem opgelost via MSN!
Kan slotje op!

Weet je wat ik nu altijd zo jammer vind, dat de meeste van jullie problemen die hier gepost worden gaan oplossen via msn. Shahiem vraagt om een oplossing voor een probleem die best nog veel voorkomt ook bij andere gebruikers en die moeten nu gissen naar de oplossing (of maken een nieuwe topic). Is toch veel handiger om ook de oplossing in dit topic te posten zodat andere gebruikers er ook van kunnen leren?

@ iedereen: Probeer daar aan te denken de volgende keer? Bedankt.

Als je even wacht post ik wast hij wss heeft gedaan!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>

<body>
    <div id="container">
    <div id="balk_boven"><strong>Plaats Shout |</strong></div>
    <div id="topstory"></div>
    <div id="header"></div>
    <div id="ledeninfo"></div>
 
     <div id="menu"></div>
     <div id="menu_down"></div>
     <div id="mid">
     <div class="sidebar">
     <div id="top_black">Navigatie</div>
     </div>
     </div>
 
</div>
</body>
</html>

We hebben Leden info buiten de header gehaald zegmaar, hij staat nu niet meer binnen de div van header, als je er nu float:right; opzet staat hij wel rechts van de layout!