OK, here is a small same sample of a problem I've been having.
I want just a regulat horizontal asp.net menu control inside a div. Sounds easy enough, and it is, EXCEPT in Opera (and I assume other programs).
Please consider this code:
1 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml" >
6 <head runat="server">
7 <title>Untitled Page</title>
8 <style type="text/css">
9
10 #MainNavBar
11 {
12 clear: both;
13 height: 25px;
14 width:500px;
15 border-style:dotted;
16 }
17
18 </style>
19
20 </head>
21
22 <body>
23 <form id="form1" runat="server">
24 <div>
25
26 <div id="MainNavBar">
27 <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" CssClass="aspMenu">
28 <Items>
29 <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
30 <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
31 <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
32 <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
33 </Items>
34 </asp:Menu>
35 </div>
36
37 </div>
38 </form>
39 </body>
40 </html>
Looks great in IE7 and Firefox. The menu is surrounded by the div (I put dots on div for clarification). But in Opera v9.02 its messed up.Is there something I am missing or is this just a Opera bug? DOes it work on Mac or IE5?
Thanks
Dan