Help! dreamweaver showing imageready slices on PC but not on Mac

Question

i am a mac user and made a simple website using photoshop and dreamweaver. i layed everything out in photoshop then sliced it up and used dreamweaver to upload my site. on a Mac my website looks fine...on a PC however...(where most of the users will be using) the slices are showing up and splitting by design in several ways...
here is the site: www.tailgateguys.com
if you are a PC user you will easily see whats going on...Mac users for some reason can not see it...any ideas oh how to solve this problem??
thanks!!!!

Answer 1

What a very quick look, I'd say the blue lines are caused due to the fact that the images are also links.
You are not using a stylesheet to style any of the elements on the page (which you should be  :-)., so add the following to the head of your html pages, just before the closing </head> tag:
<style type="text/css">
<!--
a img {border: none}
-->
</style>
This rule says to remove all lines around images that are links.
Also your code if very fragile, you should never let an image program like Photoshop or Fireworks write your code for you.
You should slice up your images, export them, then build the site entirely in Dreamweaver, otherwise you'll end up with a fragile layout that will break in  vearious browsers.
Also what version of Dreamweaver - or Imageready are you using.  Your pages do not contain a doctype which is very important to ensure that your pages are rendered the same across different browsers.
Reference:
http://www.alistapart.com/articles/doctype/
http://htmlhelp.com/tools/validator/doctype.html
Nadia
Adobe® Community Expert : Dreamweaver
http://twitter.com/nadiap
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/