How should I align this border image when the area is smaller than the one next to it

HTML & CSS
1

Hey guys,

I’m after some advice regarding the following page:
sportsTest - University of Hull

Here’s a screen shot:

I’m trying to figure out how to present the left border on the news section in the lower right hand side.

I’m not sure it looks quite right say if there’s less text to the left as with the screen below. As you can see there’s a lot more space below than above:

I could just leave it but if anyone has any ideas of anything different I’m all ears!

Many thanks!

2

It’s best to put that line image on #lastWrapper itself:

#lastWrapper {
  [COLOR="Red"]background: url("http://www2.hull.ac.uk/student/images/bulletSeparator.png") repeat-y scroll 660px top #115599;[/COLOR]
  border-radius: 0 0 6px 6px;
  padding-bottom: 40px;
}

However, you can only have one bg image on an element with CSS2.1, so you’ll have to think of another way to display the logo in the bottom left. You could either place it as an image in the HTML, or wrap another div around #lastWrapper and put the line image on that instead.