sto creando il mio portfolio personale.

questa è la parte HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="css/portfolio.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="logo">
[img]image/logo.jpg[/img]
</div>
</body>
</html>


come si vede l'immaggine è abbastanza grande di suo (1008x478),
infatti il mio problema è che occuppa troppo spazio!
ho provato a ridimensionarla caricando l'immagine all'interno del <div="logo">
per poi ridimensionarla nei CSS

CSS:
#logo{
background:url(image/logo.jpg);
height:150px;
width:300px;
margin:50px;
}


sbaglio qualcosa?
sono alle prime armi

l'immaggine poi la posso caricare solo nell'HTML perche se tolgo da li l'URL il logo scompare.