Hey,
I got a webpage that looks like it should in both IE 6.0 and firefox 2.0.
Now i went testing it in opera and it has a problem with some div positions.

Here is how it looks in firefox and IE:
Internet explorer:http://img442.imageshack.us/img442/8176/iexz2.jpg
firefox:http://img361.imageshack.us/img361/5503/firefoxqc0.jpg

And this is how it looks in Opera 9.10:http://img442.imageshack.us/img442/5125/operauw7.jpg

The buttons signout, new contact and contact list are shifted to the low.

I use this code on every page do display the header with the buttons ( the red part is the div with the buttons in it.
Code:
<body>
<div class="containingTitles">

<div class="titleNavDiv">
    <b>Hello, stefan.</b>
</div>

<div class="titleContentDiv">
    <form action="search_contact.php" name="search" id="search" method="get">
        <div style="float: left; width: 35%; margin: 0%; padding: 0%;">
            <input type="text" style="width: 50%" name="sq" value="" id="sq">&nbsp;
            <input type="submit" name="s" value="Search" id="s">
        </div>
    </form>
    <form name="new_contact" id="new_contact" method="get" action="new_contact.php">
        <div style="float: left; width: 22%; margin: 0%; padding: 0%; text-align: right;">
            <input type="submit" name="nc" value="New Contact" id="nc">&nbsp;
        </div>
    </form>
    <form name="contact_list" id="contact_list" method="get" action="contact_list.php">
        <div style="float: left; width: 22%; margin: 0%; padding: 0%;">&nbsp;
            <input type="submit" name="cl" value="Contact List" id="cl">
        </div>
    </form>
    <form name="logout" id="logout" method="get" action="logout.php">
        <div style="float: left; width: 20%; margin: 0%; padding: 0%; text-align: right;">
            <input type="submit" name="lo" id="lo" value="Sign out">&nbsp;&nbsp;
        </div>
    </form>
</div>
</div>

<div class="navigationDiv">
    <div class="unselectedContact"><a href="contact_info.php?contact_id=102">Username1</a></div>
    <div class="unselectedContact"><a href="contact_info.php?contact_id=102">Username2</a></div>
    <div class="selectedContact"><a href="contact_info.php?contact_id=102">Username3</a></div>
    etc.
</div>

<div class="contentDiv">
----- contents of the page -----
</div>

</div>
And belowis the css code i use to float the divs into position.
And here you can see the division of the pages and which class belongs to which div:
http://img353.imageshack.us/img353/1503/layoutai3.jpg
css Code:
 
body{
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	background: url(background.jpg) 22% 0;
}
.containingTitles{
	float: left;
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-color: #4D3D4D;
	color: white;
	overflow: hidden;
}
.titleNavDiv{
	float: left;
	width: 20%;
	margin: 0%;
	padding-left: 2%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
	overflow: hidden;
}
.titleContentDiv{
	float: left;
	width: 77%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
	overflow: hidden;
}
.navigationDiv{
	float: left;
	width: 22%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	overflow: hidden;
	color: #FFFFFF;
	background-color: #4D3D4D;
}
.contentDiv{
	float: left;
	width: 76%;
	margin: 0;
	padding-left: 2%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	overflow: hidden;
	color: #000000;
	background-color: #BFACBF;
}


hope you can tell me why this happens.

Thanks in advance.