Placering af floating div

For en god ordens skyld er her også lige min css kode:

* {margin:0;padding:0}
body {
background: #333333;
margin:0 0 10px 10px;
font-size: 0.7em;
line-height: 1.7;
color: #333;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
}
#outer {
margin-left: auto;
width: 888px;
margin-right: auto;
text-align: left;
}
#logobox {
background: #ffffff;
width: 728px;
height: 34px;
}
#logobox .strapline {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    float: right;
    margin-right: 34px;
    margin-top: 10px;
}
#logobox .logo {
    float: left;
    margin-left: 1.5em;
    margin-top: 10px;
}
.strapline a:link, .strapline a:visited {
    text-decoration: none;
    color: #000000;
    background-color: #FFE89A;
}
.strapline a:hover, .strapline a:active {
    background-color: #FF9353;
    color: #000000;
}
#banner {
background: url(http://www.kajakzonen.dk/images/top-banner.gif);
width: 728px;
height: 90px;
}
#nav {
border-top:1px solid #333 ;
background: url(http://www.kajakzonen.dk/images/top-links.gif) no-repeat left center;
width: 728px;
height: 48px;
}
#nav ul {
padding-left: 10px;
padding-top: 10px;
list-style-type: none
}
#nav li {
display: inline
}
#nav a {
border-right:1px solid #fff;
padding:0 10px 0;
font-size: 11px;
color: #fff;
text-decoration: none
}
#nav a:hover {
color: #FBCDB2
}
#content {
background: #fff;
float: left;
width: 728px;
}
#left {
float: left;
width: 220px;
background: #fff;
}
.left-inner {
border: #D7D7D7 1px solid;
background: url(images/tabletop.gif) no-repeat #fff;
}
.left-outer {
padding: 5px;
background: #f2f2f2;
margin: 10px;
width: 190px;
}
* html .left-outer {
width: 200px;
w\idth:190px
}
.left-outer p,#centre p {
padding: 5px;
margin:0 0 1em 0;
}
#centre {
float: right;
width: 508px;
}
#centre-inner {
padding:0 5px 10px 10px;
}
#right {
left: 0px;
float: right;
width: 160px;
margin-right: -159px;
position: relative;
left:1px;
}
.clearer {
clear: both;
margin-top: -1px;
overflow: hidden;
height: 1px
}
#footer {
background: #e43100 url(images/bund.gif) no-repeat left center;
width: 728px;
color: #fff;
height: 39px;
text-align: center;
clear:both
}
h1 {
    font: 200% Georgia, "Times New Roman", Times, serif;
    color: #595959;
}
hr {
    border: dotted;
    background-color: #AAAAAA;
    color: #AAAAAA;
    height: 1px;
    width: 100%;
}
ul.list1{
    list-style-image: url(images/pil.gif);
    margin-left: 30px;
}

Kan det ikke være fordi din <div id="right"> ligger under <div id="content"> og <div id="centre">
Du ønsker den skal på niveau med <div id="logobox">
Prøv at sætte den de to niveauer op og se om det hjælper
Altså i din kode ville jeg prøve rette
----
<div id="logobox"><img src="images/logo.gif" width="105" height="18" alt="KajakZonen.dk" class="logo" />
    <span class="strapline"><a href="asdf">Annonce: Tag på kanotur til Norge!</a></span></div>
  <div id="content">
    <div id="centre">
      <div id="right"><img height="582" alt="side-banner ad" src="http://www.kajakzonen.dk/images/side-ad.gif" width="160"></div>
      <div id="centre-inner">
----
til
----
<div id="logobox"><img src="images/logo.gif" width="105" height="18" alt="KajakZonen.dk" class="logo" />
    <span class="strapline"><a href="asdf">Annonce: Tag på kanotur til Norge!</a></span></div>
<div id="right"><img height="582" alt="side-banner ad" src="http://www.kajakzonen.dk/images/side-ad.gif" width="160"></div>
  <div id="content">
    <div id="centre">
      <div id="centre-inner">

Du kunne indføre, på id right:

#right {
margin-top: -34px;
}

PS: Kun testet i FF

Tak for jeres forslag og beklager min sene tilbagemelding. Desværre har jeg ikke haft held med dem.

Busschou når jeg prøver din løsninger, sker der blot det at banneret flytter sig helt ud mod browserens scroll-bar, men forbliver på samme horisontale niveau.

Notes2c din løsning får banneret til at skubbe sig endnu længere nedad.

Hvis er har andre vinkler på det er jeg meget interesseret?

Det kan bare ikke passe, jeg går ud fra at det vi snakker om er at få den blå boks (Your Personal Movie Theater) til at flugte med med den hvide overkant og den orange underkant ik. For når jeg laver denne rettelse står den som den skal... Så jeg forstår ikke hvis det ikke virker for dig...

For at være sikker på vi snakker om det samme bør #right se således ud:

#right {
left: 0px;
float: right;
width: 160px;
margin-right: -159px;
position: relative;
left:1px;
margin-top: -34px;
}

Hej Notes2c ... Jeg er flov og beklager meget :-) Jeg ved ikke hvad jeg gjorde forkert først - måske lavet den forkert rækkefølge i værdierne under #right.

Ikke desto mindre har jeg nu erstattet min kode med din - og det virker perfekt! Tusing tak for hjælpen. Pointene er på vej.

Her er lige resultatet:

http://www.kajakzonen.dk/forside.html