Hi Guys<br /> <br /> I am having my first real attempt at making a skin and instantly hit a problem.<br /> <br /> In HTML, works fine. But as soon as I add the NAV the top section goes arai.<br /> <br /> Basic, A logopane should go to left and the Nav to right.<br /> <br /> Tries 2 different ways: the one below shows relative and absolute<br /> <br /> <em><span style="text-decoration: underline;"><strong>skin.css</strong></span></em><br /> <br /> .TopMenu {<br /> background-image:url(images/topmenu_bg.png);<br /> background-repeat: repeat-x;<br /> width: 100%;<br /> height: 93px;<br /> }<br /> .TopContent {<br /> width:900px;<br /> height: 93px;<br /> padding-top: 10px;<br /> border: dotted 1px white;<br /> margin-left: auto;<br /> margin-right: auto;<br /> position: relative;<br /> }<br /> #LogoPane {<br /> position: absolute;<br /> left: 0;<br /> top: 20px;<br /> width: 350px;<br /> }<br /> #Navigation {<br /> position: absolute;<br /> right: 0;<br /> top: 20px;<br /> <div><br /> <strong><em><span style="text-decoration: underline;">simple.ascx<br /> <br /> </span></em></strong></div> <div class="TopMenu"><br /> <div class="TopContent"><br />     <div id="LogoPane" runat="server">LogoPane</div><br />         <div id="Navigation"><dnn:NAV runat="server" /></div><br />     </div><br /> </div><br /> <div><br /> <br /> I have also tried float to no avail.<br /> <br /> Any ideas please?</div>

---