CSS - Not showing all?

[MetroMint]

Hey WebMasterWorld,

Right today I am hoping you could help me as I have tried everything and so have my friends

IMAGE -
[screensnapr.com...]

Code -
CSS -

#right {
background: url('img/main_cnt_bg.png');
width: 559px;
height: 100%;
float: right;
}

.rightc {
background: url('img/main-cnt.png');
width: 550px;
height: auto;
float: right;
margin-right: 5px;
margin-top: 25px;
}

HTML -

<div id="right">
  <div class="rightc">
    <?php include('home.php') ?>
   </div>
</div>

Thanks,
Jackery :)

[lucy24]

Would help if you gave some clue what you're supposed to see. In the code I see a float inside of a float, which puts the whole thing in the "just asking for trouble" class. In the screenshot I see pieces of three separate elements, plus a repeating background. Unless that's your computer's wallpaper.

Since you haven't set a repeat on either background, I would expect both divs to have either an explicit height and width matching the background, or a background-position statement. Default is top left, which kinda looks like what you're getting.

[MetroMint]

Right basically I am trying to make the height Full to the bottom so it overlays the background image
so like
Height: 100px;

but it doesn't work.

also its the <div id="right"> that is meant to be repeating
repeat-y doesn't / didn't work

[g1smd]

When you link to an image, start the link with a leading slash and mention the full path to the file. The image will then load no matter what folder depth the page that calls it is in.