Gracias C2am por el concejo, colocare el codigo y esperare la ayuda.
Este es el codigo HTML
Código HTML:
<html>
<head>
<title>Bienvenido</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="">
<div id="master">
<div id="cba">
<div id="logo">
</div>
</div>
<div id="menu">
<il><a href="#">Contacto</a></il>
<il><a href="#">Servicios</a></il>
<il><a href="#">Conocenos</a></il>
<il><a href="#">Inicio</a></il>
</ul>
</div>
<div id="contenido">
<p id="b"> Bienvenido</p>
</div>
</body>
</html>
y esta es la hoja de estilo
Código:
#logo
{
background: url(img/logo_final.png) no-repeat;
width:150;
height:150;
}
body
{
background:url(img/bgd.jpg);
}
#cba
{
width:auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#master
{
background:#FFF;
height: auto;
width: auto;
margin-bottom: 3%;
margin-right: 4%;
margin-top: 3%;
margin-left:4%;
border:groove;
border-color: #8A0808;
-moz-border-radius: 2px 2px 2px;
}
#menu
{
background: #d22929;
float: right;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height:auto;
}
#menu li {
float: left !important;
font-size: 10px;
font-family: "Verdana", "Arial", Helvetica, sans-serif;
margin: 0px 35px 0px 0px;
padding: 0;
}
#menu a {
background: #d22929;
font-size: 1.2em;
color: #fff;
display: block;
float: right;
margin: 0;
padding: 8px 12px;
text-decoration: none;
text-align:center;
border-right: 1px solid #FF0;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
}
#menu a:hover {
background: #d29c1a;
color: #fff;
text-shadow:2px 2px 2px #000;
}
#b{
font-family:Castellar, Centaur, Arial;
font-size:14px;
margin-top: 5%;
margin-left: 3%;
}