CSS - Locked <div> Does It Exist ?

I have been having a heck of a time with css and ie.

My current problems relate to ie for Mac.

1. If I have a div I can't give a % for vertical-align, the table cell that
the div is contained in is effected by expanding vertically way beyond
acceptable. I removed the % and used a text value and have to deal with the non-alignment.

2. If I have a div float right and text that is align right, the div is
shoved way to the right off the screen. I have to scroll to see the div,
and the div is the only thing over there. I removed the text align right
and the div is in the right spot.

* The un-workedaround conundrum **************

3. I have a TD with padding like this 6px 6px 6px 100px and an img float right, or in the html align="right". The img has a margin or padding on the right of what looks like 100px instead of the 6px. The text in the TD is right and the padding on the left of the img is right.

It works fine on all other browsers except ie 5 on Mac.

If anyone has an answer, or a workaround, for for this that would be awesome!

******************************

I seem to recall seeing this trick, but now when I am looking around for examples I can't find any.

What I want is a footer div (with the standard footer links, and email address) which will always be docked on the bottom of the viewing area of a browser. So if I scroll up and down the webpage / or resize the browser window, the footer will always appear, visible at the bottom of the window.

Any ideas, examples?

Ed

This could be a tough one...

I have trawled the search engines for a solution, but I don't think I'll find one. What I want to know is is it possible to create a dropdown navigation menu without using Javascript? I've seen an example of how it can be done with CSS, but the author said that it will not validate.

Thanks in advance
Andy

I'm looking for a solution to add rounded corners to several DIVs on my site but all of the solutions I have come across use a ridiculous amount of extra markup.

Rounded corners are presentation and should obviously not require any code changes within the XHTML document but does a pure CSS solution exist?

What do you guys use?

On a CSS tutorial page, I saw an element for an "include-source" command that you can put into your style sheet. It's something like:

include-source: url("test.html");

My understanding from that site was that you can put this into your style sheet. Therefore, you can have another page's contents (in my case, only text) display. In other words, whatever I had in the test.html file would display in the <div> tag on the index page where I had called it.

It's not working, so what am I missing? I'm using PHP; would that be easier?

What I'm trying to do is have a standard layout for all of my pages using css. Instead of having to go into each page and edit it, I'd rather have it in files that I can get into and not search through all of the PHP, HTML, CSS code. Any ideas or suggestions? Thanks.

Tim