nested div exceeding the borders of outer div

[lazywolfy]

1) Script Title: Tab Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tabcontent.htm

3) Describe problem:
please see url below for explanation:
http://www.vivamexclan.com/apcbackupcode_jobs.html

In firefox....the outer div is not auto-resizing itself to fit the nested div/table...but of course it works in IE. :mad:

Any ideas what could be causing this? :confused:
here are the links to my css (http://www.vivamexclan.com/apctabcontent.css) and js (http://www.vivamexclan.com/apctabcontent.js)

[jensoko]

It might have something to do with the z-index of the ".shadetabs li a" being set to 1. My understanding is that z-index default is 0. If the tabs are floating above the table they might not resize to fit.

[lazywolfy]

nope, that didn't have any effect. thanks though.

any other ideas?

[rangana]

Just adjust the width, from 650px to 680px ;)


<div style="border: 1px solid rgb(169, 169, 169); padding: 10px; width: 680px; margin-bottom: 1em;">


You had a lot of Deprecated attributes (http://www.codehelp.co.uk/html/deprecated.html) in your page, like align=center..and some more,

You might find the link i've given you useful :)

See if it aides ;)

[lazywolfy]

i'm aware of that, but the cma I use here at work automatically adds all those deprecated items. that could also be what's causing the nested div to go outside the borders...oh well...i'll find another workaround.
thanks