I have put together a website for a non-profit org. and it is the
first time I have done a site without using tables for the layout.  I
used all css which worked very well with one exception.  There are two
minor diferences when the site is viewed on MS IE for Windows compared
against all other browsers (IE, Opera, Firefox, Netscape, and IE,
Opera, Firefox, Netscape, Safari on a MAC)

Here is an image that points out the differences 
http://www.rebuildingtogether-pgh.org/images/cssIssue.jpg
(The left side is correct, the right side is incorrect)

I would like to get rid of the white space above the vertical green
bar as well as the white space to the right of the word Pittsburgh in
the image.  I know this has something to do with the external css
file, but I can't seem to figure out a fix for it.

The css file is here:
http://www.rebuildingtogether-pgh.org/inc/style.css
The specific tags in the css file are #logo, #header, and #titles

The homepage of the site is a good examplee of the problem:
http://www.rebuildingtogether-pgh.org/index.php

I am looking for some help on how to adjust the .css file to account
for the differences between IE and all of the other browsers to make
sure the site looks the same in each browser, (the left hand image in
the cssIssue.jpg file)

Thanks,
Jason

---

Request for Question Clarification by sgtcory-ga on 01 Apr 2004 14:30 PST

Hello jreljac,

I was looking into this for you, and I have a solution for the left
hand navigation. I found it by complete mistake, like any great
explorer ;-) -

Add a <BR> to your code like so :

<img src="http://www.rebuildingtogether-pgh.org/images/d_logoBottom.jpg"
alt="Rebuilding Together Pittsburgh" name="d_logo" width="174"
height="131" id="d_logo"><br>

This moves the image a bit, but you may find it an acceptable solution.

I am not certain about the second part. I am looking into it right now
for you. An alternative may be to use an image within the division.

I'll let you know what I find out. Thanks for the questions -

SgtCory