Div footer is breaking

Hello

I have problem with div that I just can't figure out what is wrong. I noticed that in my design page breaks with content. More content there is, the worse will footer be. I appolagize for my bad english.

here is my page (http://dev.mazej.net/?page_id=46)

if you scroll down to the bottom of the page, you can see that those boxes are going out of container. If I remove those boxes, then the blog content will go over. If you see home site of the page you can see that footer is all good. Then if you click on second button "about me - o meni" then sometimes footer breaks, sometimes not. If you refresh o meni page, footer will always break. Something must be wrong with container? I checked and all divs are closed. If you will se ul problem it is becouse of java script. It is not affecting on this problem. I tried to remove it and the result was still the same.

Can you please help me out?

Best regards,
Igor

You have a problem with your html somewhere. On your home page, if I view in Firebug, #footer is within #wrapper, but on your blog page it's outside it.

Both pages have validation errors, and in fact your home page but not your blog page has a mismatched div tag.

There are some closing tag mismatches in your page ,see http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdev.mazej.net%2F%3Fpage_id%3D46. Fix them to continue.

First I would like to say thank you very much for your help. So, I cleaned my code so there is only one error left. It says that ul tag is not closed but it is. It is just that my javascript fills with li tags. So by default there is no li tags in it. So there is only one error. I tryed to delete this ul tags out so there was no errors but my footer is still messed up. Help please :)

@SB65: I fixed thing with footer beeing out of wraper. Now it is in wraper but still the same error :(

so if you validate http://dev.mazej.net/?page_id=46 there is only one error left.

anyone? :(

Its because you have put a <ul></ul> in your code without coding a <li></li> within the unordered list. If you open your page, and view source, I think the lines in question are around line 94. You will see an unordered list opening and closing tag and no list items inside.

Actually its this code:

<ul id="mycarousel" class="jcarousel-skin-moja">


<!-- Slike se dinamicno nalagajo sem -->

</ul></div>

First I thought that too. But than I tested and remove this ul tags (gallery) so that validation was with out errors. But I still had the same problems with the footer.
Its because you have put a <ul></ul> in your code without coding a <li></li> within the unordered list. If you open your page, and view source, I think the lines in question are around line 94. You will see an unordered list opening and closing tag and no list items inside.

Actually its this code:

<ul id="mycarousel" class="jcarousel-skin-moja">


<!-- Slike se dinamicno nalagajo sem -->

</ul></div>