CSS - Some Minor Details I Need Help With

Hello, first post here =)

I'm having a margin/border problem where it is showing up the way I want it to in IE but not in FF.

Here is the URL: http://www.prj2501.com
Here is the CSS: http://www.prj2501.com/puppetmaster.css

DOCTYPE is XHTML-STRICT

In IE you will notice the extra border below the nav followed by the padding for the content ID which places the H3 where I want it. In FF, the border and the padding are both gone.

In trying to debug this, I notice nothing I do above the H3(padding,margin,etc.) takes effect in FF...yet left and right padding do. The only way to get it to move down is BR tags and I'd rather not do that.

Any ideas, suggestions?

I am just now getting the hang of CSS so if you see anything glaring that does not seem best-practice, by all means point it out. Thanks in advance.

Hey guys...I've been wrestling around with this problem for a few hours now. The below link shows a rounded corner tab that looks fine in firefox, but has a slight problem in IE. Thanks in advance for anyone who has any ideas. Code can all be seen when viewing source.

http://www.vainglore.com/vain_new/test_tab.html

I have followed the sliding doors tutorial for CSS tab navigation (see http://alistapart.com/articles/slidingdoors for the article, and http://alistapart.com/d/slidingdoors/v1/v1.html for the final solution that I'm attempting to duplicate), and attempted to make a few minor tweaks. For the most part everything works great, but I have not been able to figure out 2 issues:

1) Why are the small crevices between the tops of the tabs (created by the rounded edges) white on my page (http://www.familystudies.info/CSSTabs) but match the background on the sliding doors tutorial http://alistapart.com/d/slidingdoors/v1/v1.html? (I can't find where any of my code is different.)

2) I attempted to tweak the sliding doors solution by adding more of a rollover effect on non-current tabs. Specifically, I changed the tab color (background image) instead of just the tab text color. This works for everything except the left_on.gif image. My current code for changing that is "#header li:hover {background:url("left.gif") no-repeat left top;", and I have tried several other variations, but nothing seems to work.

Thanks,
Jason

Can I use CSS or javascript to control the page details of an IFRAME? Such as printing in landscape orientation? If it is possible, how?

I am an art student, and I'm trying to construct my own portfolio site. I am, however, new to CSS, so I dont really know what I'm doing. I'm using Dreamweaver CS3.

I'm using a fixed 2 column template, with header and footer, and the left column as the side bar. Within the right column, I'm trying to make a scrollbar hovering near the top of the div, with clickable thumbnails of my work. Once the thumbnails are clicked on, a larger version of the image takes up the rest of the column.

Does anyone have any idea how to accomplsh this? Even my web design teacher's stumped with this one. I thought about using frames, but thats html...