What is causing this?

Question

I am messing about with a css menu, and all looks as it
should in IE, but in Firefox and Safari the menu starts to far over
to the right.
My code is -
#lowermenu{
padding: 1px 0px 1px 1px;/
background-color: #FFFFFF;
text-decoration:none;
font-size: 86%;
height: 50px;
#lowermenu ul{
margin: 5px;
list-style-type: none;
background-image:
#lowermenu ul li{
float:left;
#lowermenu ul li a{
border: 1px solid #778;
color: #FFFFFF;
padding: 1px 30px;
margin-right: 1px;
text-decoration: none;
background-color: #9191FF;
font-weight: bold;
#lowermenu ul li a:hover{
background-color: #CCC;
color: blue;
<div id="lowermenu">
<ul>
<li><a href="#">Home1</a>
<li><a href="#">Home2</a></li>
<li><a href="#">Home3</a></li>
<li><a href="#">Home4</a></li>
</ul>
</div>
Could any of you brainy people point out to me where the
problem lies?
Cheers
Billy

Answer 1

Can you upload the page and post a link?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"~Billy~" <[email protected]> wrote in
message
news:f8o07a$37q$[email protected]..
>I am messing about with a css menu, and all looks as it
should in IE, but
>in
> Firefox and Safari the menu starts to far over to the
right.
>
> My code is -
>
> #lowermenu{
> padding: 1px 0px 1px 1px;/
> background-color: #FFFFFF;
> text-decoration:none;
> font-size: 86%;
> height: 50px;
> }
>
> #lowermenu ul{
> margin: 5px;
> list-style-type: none;
> background-image:
> }
>
> #lowermenu ul li{
> float:left;
> }
>
> #lowermenu ul li a{
> border: 1px solid #778;
> color: #FFFFFF;
> padding: 1px 30px;
> margin-right: 1px;
> text-decoration: none;
> background-color: #9191FF;
> font-weight: bold;
> /*background-image: url(DSC00408.JPG);*/
> }
>
> #lowermenu ul li a:hover{
> background-color: #CCC;
> color: blue;
> }
>
>
> <div id="lowermenu">
>
>
<a href="#">Home1</a>
>
<a href="#">Home2</a></li>
>
<a href="#">Home3</a></li>
>
<a href="#">Home4</a></li>
>
> </div>
>
> Could any of you brainy people point out to me where the
problem lies?
>
> Cheers
>
> Billy
>
>