How to make text in a div not effect images OR How to make div not get effected by browser window size.

if u look at http://65.75.243.8/new/ the home is pushing the images down. the code for the div is: div style="position: relative; float: left: 0px; top: 0; height: 600px; width: 120px; padding: 1em;">home</div>

but i could also set the div to absolute but then it will get effected by the size of the window.

Please help, i would be very thankfull.

Don't use positioning, use the normal document flow and floats to get what you want.

However, the FIRST thing you need to do is put a proper DOCTYPE on your pages.
The 2nd is to get rid of the moldy old tables for layout and do your layout with CSS.

how should i produce the tables, i use photoshop cs to slice it. or if possible to could u give me a guide to help.

The point is NOT to use tables for layout at all - use CSS and only use tables for TABULAR DATA - that's what they were meant for.