Getting irritated with CSS!!

[digitaloverlay]

Ok, I need some help. I have recently attempted to add CSS, PHP and MySQL to my arsenal but am having some problems with CSS (not a good start huh). Anyway, here is my link to review my Piece of crap attempt at getting my menu to line up with my background image www.digitaloverlay.com/test/index.htm.

It looks good on my desktop in FF but lousy in IE (what doesn't) but when I upload it looks bad in both.

Here is my code to the CSS file called menu.css. If you can help, it would be greatly appreciated.

ul
{
float:left;
width:80%;
padding:0;
display:inline

list-style-type:none;

position:absolute;
left: 250px;
top: 135px;

}
a
{

text-decoration:none;
color:white;
background-image:url("menubuttonbg.png");
padding:0.2em 0.8em;
border-right:1px dashed white;
border-left:1px dashed white;
}
a:hover {background-image:url("menubuttonbg1.png");}
li {display:inline}

[Boogle]

Hi digital overlay. To me, the HTML is your problem. I can't understand why you're using a table which holds divs? IMO it should be that the CSS works best with DIVs and should you need to display tabular data at any point then you put a table in a div to do this.

You would find it works better if you wrap the menu picutre (the big one) and then menu list (which is created correctly btw- nice one!) in a wrapperDIV, then put the large pictue in a div and the menu in a div directly below it. This is all you need for this banner to work, i.e.
HTML:
[code]
<div id="wrapper">
<div id="largepictureconitainer"></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Digital Overlay</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Porfolio</a></li>
<li><a href="#">Freebies</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
[code]

That's just an example and now you wqould hav to slightly change your CSS but not much and you would find this is much neater, less complicated HTML and it's probably more XHTML valid...

HTH's

Boog's

[Costin Trifan]

ul
{
float:left;
width:80%;
padding:0;
display:inline

list-style-type:none;

position:absolute;
left: 250px;
top: 135px;

}

^^^ That says it all....

I mean no offence here David, but before you start offering freelance services you should know (and here I mean: mastering) the technologies you want to use for your future customers (Like CSS, HTML...)

[Boogle]

Oh god, yeah i missed that! I just viewed source on his link!

You should check w3c for the correct explanation of the CSS commands you've used there, David.

Boogs