safari non-inline/ ff missing

[bluewalrus]

My banner and nav bar are suppose to be together but in safari i just noticed theres an extra line between them for some reason. Anyone know how to fix this or experiencing this on any browser other than safari? http://www.www.travelinchucks.com every page except http://www.travelinchucks.com/bio.html has the problem.
Images:
http://www.travelinchucks.com/normal.png
http://www.travelinchucks.com/error.png

Also http://www.travelinchucks.com/bio.html and http://www.travelinchucks.com/contrib.html are missing a small white block on in the bottom right of the nav bar only in firefox though... In that I've tested.
Image:
http://www.travelinchucks.com/missing.png

[bluewalrus]

anyone else see these errors?

[monicasaha]

u can try this code.
#content {
width:800px;
color:#000000;
background-color:#ffffff;
font-size:0;
line-height:0;
}

[monicasaha]

this may solve ur nav problem
#nav {
padding-left:15px;
width:800px;
background-color:#FFF;
overflow:hidden;
}

[monicasaha]

#nav {
padding-left:15px;
width:785px;
background-color:#FFFFFF;
overflow:hidden;
}
plz correct this one

[bluewalrus]

Hmm kind of there. Used a mix of those and recoded a bunch of other elements so the line height 0 wouldn't get everything else. There's still the 5px border from the banner to the nav bar in safari... but the contributors page only has a 1px border for some reason between it. The contributors the bio are different though there's 2 or 3 blank pixels on the right side the contributors has a 1 pixel spacing between the nav and the banner and the bio is touching....In safari .

Thanks for any other suggestions you have.

[monicasaha]

html {
background:url(bg2.jpg) repeat;
padding:35px 0px 35px 0px;
}
div, img, ul, li, a{
padding:0;
margin:0;
}

#contain {
margin:auto;
width:800px;
overflow:hidden;
}
a{
outline:none;
}
ul{
list-style-type:none;
}

#banner img{
display:block;
border:none;
font-size:0;
line-height:0;
}

#content {
width:800px;
color:#000000;
background-color:#ffffff;
font-size:0;
line-height:0;
}
#content p {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
width:600px;
padding-left:20px;
}
#menu2 {
border:2px #000000 solid;
float:right;
height:400px;
width:144px;
background-color:#006700;}
#menu2 img {
border:2px #000000 solid;
}
#image {
float:left;
border:#000000 1px solid;
width:589px;
height:351px;
}
h2 {
display:inline;
}
#bleft {
float:left;
width:350px;
background-color:#FFDCF5;
color:#000000;
border:1px #000000 solid;
height:950px;
}
#bright {
height:950px;
float:right;
width:350px;
background-color:#FFDCF5;
color:#000000;
border:1px #000000 solid;
}
h1 {
text-align:center;
}
li {
line-height:19pt;
}
h6 {
padding-left:175px;
}
/*testing*/
div#menu{
margin:0;
padding:0;
}
ul#nav {
padding-left:15px;
width:785px;
background-color:#FFFFFF;
overflow:hidden;
}
ul#nav a {
display: block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:6px;
padding-top:6px;
padding-left:20px;
padding-right:5px;
color:#000000;
font-size:15px;
line-height:20px;
text-decoration:none;
}
ul#nav a:hover {
text-decoration:underline;
color:#780096;
background:url(../../../../DOCUME~1/monika/LOCALS~1/Temp/Saf3F.tmp/globe.jpg) no-repeat left;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:6px;
padding-top:6px;
padding-left:20px;
padding-right:5px;
color:#000000;
font-size:15px;
line-height:20px;
}

u can use this css..
i think u havnt made all the tags margin, padding:0 by default thats why the problem is occuring. i m also sending u the screenshot of the bio,html page on safari.. as i hav done.

[monicasaha]

plz chk

[bluewalrus]

that css made no difference i added it after the css that was already there. I'm on a mac don't know if there displaying differently are you seeing the same images as i had above?

[monicasaha]

i m not working in Mac.. but i can see this html perfect in safari, IE7,IE6.. by using this css...
But anyways.. best of luck for best help!