css messes up in mac/aol

http://www.innerspect.net/blog/

can anyone confirm this? offer some fixes?

Since AOL/Mac uses the Mozilla Gecko rendering engine, I looked at the page in Mozilla. There are location issues with the calendar. I tend to believe Moz is rendering more correctly than IE. I've attached a screenshot.

There are several errors which mean the code does not validate as xhtml1 transitional.

My inspection was cursory at best, so I can't offer any suggestions other than clean up the code errors and take a look at the calendar placement.

gary

the xhtml errors shouldn't do something like that...

the css elements that are overlaping are in seperate tables.. so that shouldn't happen.

any way to fix this easily?

it would probably be easier if you dropped the table

and i would recomend that you run your site throug w3.orgs validator http://validator.w3.org/check?uri=h...t.net%2Fblog%2F

the markup aren't very semantic either
instead of :
<div class="sidetitle">

Archives
</div>

<div class="side">
<a href="http://www.innerspect.net/blog/archives/2004_01.html">January 2004</a><br />

it would be better to use

<h2>Archives</h2>
<ul>
<li><a href="http://www.innerspect.net/blog/archives/2004_01.html">January 2004</a></li>

then use css to defince the layout.

also try to use class names that reflects the content of the element, not its placement, so instead of class="side" you could use class="archives" class="recentEntries" etc.
and in css
.archives, recentEntries {/*some style*/}

that stuff is fine but none of it helps with the mozilla / mac(aol) error...

try to adjust the widht to the td above div id="links"

but you really shouldn't use table for layout,
and do check out that validator,
you have a couple of errors,

you should also avoid using the font-elemnts as font has been deprecated.

i would also recommend a strict doctype instead of transitional