[RESOLVED] Why doesn't this div resize automatically?

[erevos]

Guys take a look here:

http://www.nocturnart.com/tesi/

1. See the little magnifying lens on the search widget of the sidebar? Click it. Why doesn't the #main div resize automatically and the image in the footer overlaps the line image?

2. See the two half-hidden links under the sidebar? Click on both one at a time. The left one has a problem with the title span width. Why? they both have 100% width!

Thanks in advanced guys, get your Firebugs running!

[WebWarrior]

First part - change the sidebars height to auto or remove height property completely (auto is the default setting for the height)

#main #sidebar {
float:left;
height:auto; /* Add this line or remove height completely */
margin:0 0 0 10px;
width:330px;
}


The title's h3 is set to display as a table. Set its width to 100%
.widget .inside ul, .box h3 {
display:table;
width:100%; /* Add this line */
}

[erevos]

Thanks WebWarrior, it was actually simpler than that. I had stupidly enough forgotten that my sidebar had a fixed height

D'oh!

[WebWarrior]

No problem.
The h3 thing I referred though was meant for the second part of your question (span 100% width thing).

[erevos]

Oh great man. This will come in handy Thanks a million