CSS - Best Books On Css? Books To Avoid?

I want to get some css books, which ones currently would you reccomend, also, in general I am interested web design "best practices" I want to know the best workflows depending the website, a book that can tie all the loose knots. I already know about web design, but I want to become better, thats why Im learning css, php and mysql. So what book would I need to get for css? and a more general one that maybe has the whats and what not to dos of web design. thanks

I was just wondering if any knew any good books on CSS (especially how it pertains to webdesign). One good example is Eric Meyer on CSS.


Thanks so much!

Hey, all, forgive my request for hand-holding, but I can't seem to make a css file that makes the following code will display as if it were all in a single table row. I'd like all the header_section divs to be the same width, if possible. My main problem is getting the divs to line up from left to right and not from top to bottom. I know that I must use relative positioning, but nothing is makng them line up the way I want. As I want the layout to be fluid, I'd like to avoid absolute positioning.

Code:

<div class="header">
    <div class="header_section">Linux</div>
    <div class="header_section">Apache</div>
    <div class="header_title"><h1>Linux Apache MySQL PHP</h1></div>
    <div class="header_section">MySQL</div>
    <div class="header_section">PHP</div>
</div>

Thanks in advance.

Code:

<form action="">
  <div>
    <select id="about_menu" name="about_menu" 
	   onchange="window.location.href=this.form.about_menu.options[this.form.about_menu.selectedIndex].value;" 
	   title="Go to About pages">
      <option value="">About</option>    
      <option value="http://myblog.com/about-the-blog/">About The Blog</option>
      <option value="http://myblog.com/welcome/">Welcome</option>
    </select>
  </div>
</form>

I use <option value="">About</option> as self labeling.
I would like the width of the form to be so that there won't be a blank after About even if other options are longer.
The issue is that About is going to be translated in several languages and thus I can't rely on a determined value for the width.

Hi there,

I have xsl:
Code:

<div class="block">
  <table>
    <tr>
      <th>header1</th>
      <th>header2</th>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr></tr>
  </table>
</div>

and css:
Code:

.block{
  page-break-inside: avoid;
}

but it's not working, this should prevent page break in the middle of that table, but it does not. If the table happens to be in middle of page break the end of the table is printed to the beginning of next page.

If I replace page-break-inside: avoid; with page-break-befo always; it does break before the table. So what wrong with page-break-inside, it should work, right? What am I missing..? I guess it's something stuped.. please, help me out, thanks!