CSS help on image navigation – image.php

I am trying to create the image navigation that comes with new wp version.

Please take a look at this image post.

How do I get the prev and next images to be inside the image box?

This is what I have in the image.php

<div class=”navigation”>
<div class=”align-left”><?php previous_image_link() ?></div>
<div class=”align-right”><?php next_image_link() ?></div>
</div>

This is what I have in the css pertaining this:

.align-left {
float: left;

}

.align-right {
float: right;
}

.navigation {
}