layers over a layout tables mess up in preview

whenever i draw a text layer over a layout table containing images, the text
appears differently in a browser preview and when published to the web. the
site im talking about is http://katana2k.freeprohost.com/. I made the layout
in photoshop and i sliced it. please help me position my text so that it
doesn't appear somewhere different on my page.

http://katana2k.freeprohost.com/

first- you need to fix the image paths that reference your hard drive, so
other people can see them.

and- suggest not using the .png format unless that's what you want.

file:///C|/Documents%20and%20Settings/Compaq/My%20Documents/marshall%20ent.%
20graphics/slices/images/spacer.gi

Under the Site menu, do a sitewide Link Check.
Fix any broken links, then change the Pulldown in the results window to
External links. Fix all the file:/// links. You can click the folder icon
at far right to browse to the files again.

or, figure out what exact find and replace would fix this.

actually- it looks like all the missing images are spacers in the far right
column... so you could delete them. Or- delete the column.

There is only one <div> layer on the page, with one table inside of it.

there is no text on the page at all.

so i can't see what you asking about other layers and text, other than this
bit of suggestion:

You've set that div with the table to center, if you try to put new
absolutely positioned layers in the page, they will not line up where you
expect them to.

overall suggestion-
Modify the design so that instead of images in table cells, the places you
intend to put text are empty cells, with the image as a Background to that
cell instead. And... with plans made for when content is longer than the
design was "drawn" for, so it has flexibility and images won't repeat the
pattern in an ugly way.