Stretch Cell Background to full length

[susibabe]

I have a website that I am working on the layout....
www.sngao.com/Joomla

I tried to use a table with four rows,

* 1st row - banner
* 2nd row - also banner image
* 3nd row - has three cells, one left frame image that stretched to full length of the table, one content cell, and one on the right side has a nested table with 5 navigation buttons and some images for spacing and **i made a background image for the listing titles links so they could stretch to however long the list of titles on there is.
* 4rd row - footer image


**for the background image i have a div around the listing title links like:
.titlemodule{
background: url(../images/greyBig.gif) repeat-y;
}

However, the outcome is not exactly what i wanted - I would like to see the background image for those listing title links under the navigation buttons to stretch to the full length of the whole table...

Also, on IE there is always this 3 px gap between the buttons which doesn't happen with the other browsers...wondering what is causing that as well...

Can somebody help me with this?
I have attached my html code for the layout (there are alot of php stuff in it but it should help to understand my layout logics...)

Thanks so much for helping in advanced!!

-s

[kaz]

Check the screen resolution

[susibabe]

Another follow up to my progress on fixing my layout...

I have followed the instruction on http://bonrouge.com/3c-hf-fixed.php and it turns out much better again:

http://sngao.com/testingScripts2/

However, IE6 is still weird...I tried to read the IE Hack on that website but I don't really understand what I need to do to fix the weird floating on the right...

Please help~~~I am almost there!!!!

-s

[gumlor]

for the 3px space between the images, it maybe due to the vertical alignment of the image (relative to the empty space around it).

Try: <img align="absbottom" ...>