Försöker göra en ny design till min hemsida men jag får hela tiden ett ofriviligt indrag av bröd texten där menyn är. Den bifogade bilden visar hur det ser ut och där ser man indraget som blir just där menyn är.
EDIT: Problemet finns bara i IE, inte Firefox.
CSS
/* Menu */
#menu
{
margin-top:6em;
width:10em;
float: left;
background-color:#f0f0f0;
border-top:1px #a0a0a0 solid;
border-bottom:1px #a0a0a0 solid;
border-left:1px #a0a0a0 solid;
border-right:1px #a0a0a0 solid;
padding-bottom: 2px;
padding-left:2px;
}
/* Main section */
#main
{
margin-left:11em;
position: relative;
}
HTML
<body>
<div id="top">
VG Software
</div>
<div id="menu">
Menu<br/>
<a href="kalle">Kalle</a>
</div>
<div id="main">
<h3>window</h3>
<p>
Fönstrets namn: <span id="v11"></span><br/>
Fönstrets default status-meddelande: <span id="v12"></span><br/>
Fönstrets status-meddelande: <span id="v13"></span><br/>
Fönstrets öppnare: <span id="v14"></span><br/>
Fönstrets förälder: <span id="v15"></span><br/>
Fönstrets topnivå förälder: <span id="v16"></span><br/>
Fönstret är stängt?: <span id="v17"></span><br/>
</p>
</div>
</body>
/Viktor
