Site redesign, blog right nav now off in FF.

Hi all,

Home Page (http://www.bartlett-family.net/chrisbartlett/).

Blog page (http://www.bartlett-family.net/chrisbartlett/blog2/).

Site CSS file here (http://www.bartlett-family.net/chrisbartlett/main.css).

Hi all, could I get some help? There's a few things, and if we can do one thing at a time, I'd appreciate it.

Ok, item 1, and this is in Firefox. Have a look at the Home Page. Then, have a look at the Blog page. Notice on the Blog page that "Navigation" is a few pixels too far to the right, and also a few pixels low compared to the Home page. Why? They're in the same CSS class. I don't understand why the right side in the blog is off like this.

I'd appreciate any advice!

Thank you,

Chris

I am having a similar problem I think, but I just redesigned so that it wouldn't look too ugly in FireFox.

Some aspects of the page are nice like the written font but I would also like to add that the roll-over images need to do something other than blackout. Also, that neo-buddhist thing grows tiresome after a few sentences and so you might want to reconsider the 'tone' of your writing a bit for your readers' sake.

That being said, where did you get that chinese font? All of the ones I find are too simplified and look comparatively ugly.

@cjwsb instead of float:right; in this css
#contentright {
margin-right: 15px;
width : 150px;
float : right;
padding : 10px 0 20px 0;
color: #000000;
font-size: .8em;
}
use float:left;
#contentright {
margin-right: 15px;
width : 150px;
float : left;
padding : 10px 0 20px 0;
color: #000000;
font-size: .8em;
}