The icon on my home button here: http://famreflections.com/Blog.html (very top left of the page)
is showing different than the icon on my home button here: http://famreflections.com/Home.html
although they're the same icon / button / everything. In fact I just copied the original button onto that blog page.
Any idea what I'm doing to mess that up?

I don't know. To me it looks like you placed a shape behind the image. Since the image itself has no white background around the home image (transparent background) to me you have to have added something behind it that you didn't add on the other page. I'd delete Home and all the stuff the button is made from and then re add.

By the way I think you should think of using redirects for the WordPress blog instead of embedding it with an iFrame.

Regards,
Cédric

Thank you for the simple solution. I ended up just duplicating my Forum page and making the necessary changes. It worked. I don't know what caused the image mess up. I tried to check if there was anything funny stuck in there but I couldn't find anything?

Also, I would love your advice, why do you think I should use redirects?
And if I were using redirects why shouldn't I just use links?
Would I be able to keep my navigation buttons (that I made in iWeb) at the top of the Blog page if I redirected to my blog?
Do you recommend it for my Forum too?

As you could probably tell the website is still in its embryonic stage and under heavy development. Thank you for your thoughts.

I use redirects because I'm too lazy to build my own menu.

However of course you can work with direct links as well and it would be even better.

In WordPress go to Appearance=>Editor=>Header

and you will probably find something like this for the menu:

<div id="header-menu">
<ul id="page-list" class="clearfix"><li <?php if(is_home()){ echo 'class="page_item current_page_item"'; } else { echo 'class="page_item"'; } ?>><a href="<?php bloginfo('url') ?>" title="Home" >Home</a></li><?php wp_list_pages('title_li='); ?>
</ul>
</div>

You can replace that with:

<div id="header-menu">
<ul id="page-list" class="clearfix"><li><a href="URL to the home page" title="Home" ><img src="URL to the appropriate image for the button"></a></li>
</ul>
</div>

Or similar (every theme is slightly different but I hope it helps anyway). Make a backup of the theme you're using first (in case something goes wrong). Of course you can add more links.

This way people will not even notice they're changing website. I think that's the best way to integrate WordPress and iWeb. Redirects is good too if you don't want to get into changing codes (to me changing WordPress codes is fun).

I use redirects for the forums too because I don't like to have it in iFrames. Forums can take a lot of space at times and iFrames usually are too small and it looks trapped. Also there's the iFrame not being search engines friendly and if people get to the Forum or WordPress blog and don't find a way to get to the website then it's sad. You probably can add your menu to the forum's theme too. I've never played around with phpbb's theme code that much but there has to be a way.

The goal is that the user gets from one website system to the other without knowing that one part is done with iWeb, one with WordPress and one with PhpBB and iFrames always indicate "that's not part of the rest". So if you can you should definitely avoid it and I think WP makes it easy.

Regards,
Cédric