Do loga mam przypisane float: left w divie. Chciałbym, żeby cały div #top był szeroki jak #wrapper, bo jak na razie to div jest szeroki na tyle ile jest obrazek. W tym celu muszę użyć w CSS atrybutu height.
Czy jest poprawne użycie height w takiej sytuacji?

HTML
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <title>Layout</title>
  5.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6.     <link rel="Stylesheet" type="text/css" href="style.css" />
  7. </head>
  8. <body>
  9.     <div id="wrapper">
  10.         <div id="top">
  11.             <a href="#"><img id="logo" src="images/logo.jpg" alt="logo" /></a>
  12.         </div>
  13.         <div id="photos">Photos</div>
  14.     </div>
[HTML] pobierz, plaintext


CSS
Kod
#wrapper {
    margin: auto;
    width: 1004px;
}

#top {
    background-color: #000;
    color: #fff;
    height: 65px;
}

#photos {
    clear: both;
    height: 150px;
}

#logo {
    float: left;
}

img {
    border: none;
}