ASP Menu auto-adds clear div - css

Question

I want my header to look like this:
Link | Link | Link Image
-----------------------------------------------------------------------
What I have instead is:
Link | Link | Link
-----------------------------------------------------------------------
Image
ASP code:
<div class="hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" EnableViewState="False" IncludeStyleBlock="true" Orientation="Horizontal" >
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" ImageUrl="~/ICONS/About/home_Icon.png"/>
<asp:MenuItem NavigateUrl="~/About.aspx" ImageUrl="~/ICONS/About/about_Icon.png"/>
<asp:MenuItem NavigateUrl="~/RestrictedPages/AdminMenu.aspx" ImageUrl="~/ICONS/About/admin_Icon.png"></asp:MenuItem>
</Items>
</asp:Menu>
<div class="logo">
<asp:Image ID="Image1" runat="server" ImageUrl="~/ICONS/About/logo.png" />
</div>
</div>
CSS:
div.hideSkiplink {
background-color: #3a4f63;
width: 100%;
}
div.logo {
float: right;
}
Inspecting the element in Firebug shows:
<div class="hideSkiplink">
<a href="#NavigationMenu_SkipLink">
<div id="NavigationMenu" style="float: left;">
<div style="clear: left;"></div>
I think the div with clear: left is being created automatically and that is what is causing the issue.
What can be done to prevent this element from being created or is there a workaround to compensate for its inclusion?

Answer 1

The correct, and complete, answer is:
1) add, as "musium" commented, the following to your CSS
#IDOfYourMenuControl + div {
clear: none !important;
}
This will stop the unexpected
<div style="clear: left";></div>
2) add the following to your asp.menu tag
SkipLinkText=""
This will stop the unexpected
<a id="yourmenuID_SkipLink">
tag from being created.
You're welcome. :-)

Answer 2

Arrange your divs properly
e.g.
<div id="dvParent">
<div style="float:left">
Link | Link | Link
</div>
<div style="float:right">
Image
</div>
<div style="clear:both;"></div>
</div>
http://jsfiddle.net/PhKhg/

Answer 3

I know this question is very old… but I’ve just had the same problem and for me, the following solution worked:
#IDOfYourMenuControl + div {
clear: none !important;
}

Answer 4

nav div:nth-child(a number){
clear:none !important;
}