Greetings!

I ran into 2 kinda disturbing problem while I was playing around with CSS and I can't solve them, so I'm asking for help.
So, the first problem's with the IE, as you can see on this picture, the 'footer' of the portlet doesn't really fit the end of the lines and I don't really understand why, becouse they're ok in FF.
My second problem's with the whole middle section, that starts where I'm expecting it to start in IE, but in FF it has a small space between the content and the header.
You can find the CSS for the page here and the HTML code looks something like this:
Code:
    <div class="wrapper">
            <div class="header"></div>
            <div class="content">
                <div class="contentleft">
                    <div class="portlet"> portlet 6.5os margin lefttel<br /><br />
                        <div class="portletcontent">
                            ide meg jon valami szoveg, ami a portlet tartalma
                        </div>
                        <div class="portletfooter"></div>
                    </div> <!-- End of portlet -->
                    <br /><br />
                    contentleft
                </div> <!-- End of left content menu -->
                <div class="contentright">
                    contentright
                </div> <!-- End of right content menu -->
                <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
                </asp:contentplaceholder>
            </div> <!-- End of content-->
         <div class="clearfooter"></div>
    <div class="footer"></div>
    </div>
If anyone could direct me to the right way, where to search for the problem it'd be really apprechiated.
Thanks
Adam