image ready slices up an image for you and will produce tableless css layouts now IIRC. Just import the image into ImageReady slice is up and then save. Make sure you set all the "save settings" up properly.
Do not use the HTML that is generated from Image Ready - it's generally agreed upon that this is definately a "no-no". Yes, it works (baarely), but the code is horrid and is more of a headache than anything.
Very simply put (or as simply as I put it anyway), I create the design in Photoshop, then slice it using Image Ready - save those images, then create the HTML with an editor (Dreamweaver in my case) and then insert the images.