OK in Ff but not in IE

[brdon]

I have a page looking the way I want it in Firefox, but IE7 pushes the content below the side menu bar & News block.  The page is:

http://www.capuchinfriar.com/index.php?page=capcorps-volunteers

The template is default Left sidebar + one column and the only extra ccs that I know of is the following:

#navigation a {
font:10px arial;
color: #ffffff;
text-decoration:none;
letter-spacing:.1em;
}

#navigation a:hover {
background-color: none
        color: #99CCFF;
}

#padding {
padding:20px 5px 20px 5px;
}

.logo {
font:18px times new roman;
color: #0E177C;
letter-spacing:.3em;
font-weight:bold;
line-height:22px;
}

.tagline {
font:11px times new roman;
color: #CC3300;
letter-spacing:.3em;
}

.smallText {
font:12px times new roman;
color: #CC3300;
line-height:18px;
}

.pageHeader {
font:30px times new roman;
color: #CC3300;
letter-spacing:.1em;
line-height:38px;
}

.bodyText {
font:11px arial;
color:#333333;
line-height:24px;
}


.navText {
font:10px arial;
color: #333300;
letter-spacing:.1em;
}

I'm a rank amateur and would appreciate any direction.  Thanks

[Dr.CSS]

I'm thinking it has to do with your <table width="99%"...

I use Firefox with the Web Dev. toolbar and when I go to edit the CSS that part of the page goes off the right side, it seems to be a fixed width maybe it's using the whole site as a calculation for 90%...

[brdon]

Mark, I changed the <table width to 70%... and it worked like a charm in Ff & IE!  Now I know why you are the guru.  I have some other questions... but I'll search the forum first.  Thanks for your help! Peace.

[Dr.CSS]

Your Welcome...

Glad to help any way I can...