Table overlapping a DIV

[beecham]

Hi (again) Feel like this is becoming my second home.
I have my nicely valid page now (is it worth all this grief?)
But I am still getting a table overlapping a DIV and hiding its content. I have a Div floated to the right containing a Text Box. Underneath this is a table containg a couple of graphics. The table is overlapping the text box (only in Netsacape Anything) and making it unable to be used. I have attmpted to verticaly align the text box to the top to no avail. Can I clear the div some how? or forc it to take precedence over the table? or is this the wrong idea.

[BlobFisk]

Is the table in a div also?

[beecham]

No the table just follows the </div> for the form.

[beecham]

Ok I may have some kind of answer it appears to be inheriting from the div its inside... can I alter the class to ensure Inherit: none? or something?

[BlobFisk]

You could try a clear: right on the table, and also perhaps a display: block.

[beecham]

Ok so something like
table#banner {clear: right;}?

[BlobFisk]

Why not make it a class? If your table is not within a div, then there is no need for the #banner.

table.myTable { 
   clear: right; 
   display: block; 
   } 

Then, in your html your table call would be <table class="myTable" ...>.

HTH