I took out the red part of the code. It almost worked but there's still white parts in the navigation bar.






Then I proceeded to take that red part out also. And this is what it turned out. Now my table background color is gone.


Does anyone know what I need to do have my navigation bar just like in the 2nd picture but still be able to have that white background in my table?

Images thumbed.

Okay, I played around with your coding and seemed to find a fix. First, remove this:

td {
font-size: 7.5pt;
font-family: "Tahoma", sans-serif;
color: #a4a4a4;
text-align: justify;
background: #FFFFFF;
}

Then, find this:

div {
margin:0 auto;
width:550px;
background:#ffffff;
}
div div { background: none; width: auto; height: auto; padding: 0; }
div table { width: 98%; }
div table table { width: 100%; }
div table table table { width: auto; }
div table table table table { width: 100%; }

and change it to:

div {
margin:0 auto;
}
div div { background: none; width: auto; height: auto; padding: 0; }
div table { width: 98%;
background:#ffffff;
width:550px;}
div table table { width: 100%; }
div table table table { width: auto; }
div table table table table { width: 100%; }

This appears correctly on my test livejournal, but I don't have many entries there, so um.. again, let me know if this doesn't work.

Azarel: It worked! Thanks so much for helping me with my layout.

You're welcome. :)