CSS Forum

**Nima** · 07:41 PM

I've been working on this top menu for a while.

It is the top menu on top of PokerEagles (not the one at very top with pictures but the drop menu one)...

I want to make the menus to be in the center of the page. It works fine in IE but it doesn't work in Firefox....

I do have the

Code:

margin: auto

Any idea why this is doing this?

Thanks

**frost** · 11-02-2007, 08:28 PM

To center something something using margin, the element you want to center must have a width less than 100%. Non-floated block elements, by default, have a width of 100%. On your #dropmenu, try:

Code:

margin: 0 auto;
width: 72em; /* you may have to change this width */

**davidkendall** · 11-03-2007, 01:38 AM

You can use this example to set the margin
<html>
<head>
<title>this is the title of the web page</title>
<style type="text/css">
p.normal
{
border-style: solid;
}
p.margin
{
border-style: solid;
margin: 1cm 2cm 3cm 4cm;
}
</style>
</head>
<body>
<p class="normal">
This is a paragraph with no specified margins.
</p>
<p class="margin">
This is a paragraph has a top margin of 1cm, a right margin of 2cm, a bottom margin of 3cm and a left margin of 4cm.
</p>
<p class="normal">
This is a paragraph with no specified margins.
</p>
</body>
</html>