Help with an embeded object's position in IE. Ok with Firefox.

Crazy I can not get this to look correctly and I know that it is a simple code. Please visit the following URL and let me know if you can help!

When viewing in Firefox, the calendar shows up correctly.
When viewing in Internet Explorer, the calendar displays at the bottom of the page.

http://chrisschill.com/church/Calendar.html

joomla site centering dynamic width

I have a joomla site that I wanted to have a dynamic width. i set the page to 950 px and then set margin to: margin: 0 auto;

but it doesn't seem to work. When the page is stretched out, everything sticks to the left.
I have 3 css files Attached and the php.

Thanks for your help!

WIDTH css

#wrap {min-width: 950px;margin:0 auto;}
.designer {min-width: 950px;margin:0 auto;}

STYLE css

/*
----------------------------------------------------
                 MAIN FONT & BG COLOR
----------------------------------------------------
*/
 
body {

IE7 creating gap between Nav and subcontent. working in all other browsers.

I'll post the essentials first.d

Live example:

www.dtarcieri.com

HTML:

<div id="wrapper">
<img class="main_image" src="images/DT.png" alt="DT Arcieri photograph" />
	<h1>DT Arcieri - playwright based in Long Island, New York</h1> 
 
    <ul id="nav">
	    <li class="selected"><a href="#" title="Homepage of DT Arcieri (You are already here)" class="selected"">Home</a></li>
    	<li><a href="plays.html" title="A thorough list of plays written by DT Arcieri">Plays</a></li>

background (image) position way off

Hi,

Can anyone see why the white background of "top_menu" is displayed all the way at the top of the page?
http://chesspoints.co.uk/beta_3.html
(with Firefox - not checked MSIE yet)

Browsershots:
http://browsershots.org/http://chesspoints.co.uk/beta_3.html

Been pulling my hair out about this. Starting to wish I had never started.

Thanks,
Chris

Cant get div tag to adjust height.

Hey everyone.

I have a problem with 3 colums of div tags that should be more like Tabels!

If i set a static height it works fine, however if i set height to auto or 100% it wont work, how can i get it to follow so all colums are exactly the same height?

html, body {
	background-color: #4f584a;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
}
 
a:link {
	text-decoration:none;
	color:#5f7950;
}
 
a:visited {
	text-decoration:none;
	color:#5f7950;
}

Syndicate content