369966 - Buttons at bottom of 'recommendations' page have 1px border around them.

Status: VERIFIED DUPLICATE of bug 205136

(Camino Graveyard :: General, defect)

Description

[Daniel]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en; rv:1.8.1.2pre) Gecko/20070108 Camino/1.1a2
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en; rv:1.8.1.2pre) Gecko/20070108 Camino/1.1a2

At the bottom of the recommendations page on netflix's website, there is a small border around the 'rate more movies' and the 'see all recommendations' buttons.

I quickly looked at the source and the css, and I cannot tell why there is a 1px border around the buttons at the bottom of this page.

I can post the source code if you are not able to log into that specific page.


Reproducible: Always

Steps to Reproduce:
1.Visit the netflix.com site
2.view recommendations
3.view buttons at the bottom of the page
Actual Results:  
There is a 1px border around the buttons.

Expected Results:  
There should not be a border around the buttons

Here is a screenshot:

http://www.danielandrews.com/img/netflix.jpg

Comment 1

[Chris Lawson (gone)]

This is probably another one of those cases where the site is trying to apply CSS styles to a button and we don't let them. We have a couple open bugs on this; see bug 205136 and bug 309556.

As such, this should probably be a dupe of one of those bugs, but without seeing the HTML code (feel free to upload the relevant snippet here), I can't say which one. (Not that it much matters.)

See also http://webkit.opendarwin.org/blog/?p=28 for how Safari intends to approach this problem, which will probably be how we end up handling it too.

Comment 2

[Daniel]

Here is the html:

<table width="100%" border="0"><tr><td align="center" style="font-family:verdana, helvetica, san-serif; font-size:14px; font-weight:bold">
	
	
		<table border="0" cellpadding="2" cellspacing="0" width="100%"><tr>
	
		<td align="center">
			<table border="0" cellpadding="2" cellspacing="0">
			<tr>
			<td id="button" align="right"><form name="continue" action="/RateMovies" method="post"><table border="0" cellpadding="0" cellspacing="0"><tr class="form_button_primary"><td class="cb_lf"></td><td align="center" class="cb_m"><input type="submit" value="Rate More Movies" name="ratemore-rh" class="bsub_primary"></td><td class="cb_rt"></td></tr></table>

			<input type="hidden" name="lnkctr" value="RHRB2">

			</form></td>
			<td id="button" align="right"><form name="continue" action="/Recs" method="post"><table border="0" cellpadding="0" cellspacing="0"><tr class="form_button_primary"><td class="cb_lf"></td><td align="center" class="cb_m"><input type="submit" value="See All Recommendations" name="seeall" class="bsub_primary"></td><td class="cb_rt"></td></tr></table>

			<input type="hidden" name="lnkctr" value="RH2NR2">

			</form></td>
			</table>

-------------------------------------

and the relating css:

.cb_m {background-repeat: repeat-x;}
.cb_m input {width:auto;width/**/:/**/100%;background-color:transparent;border:0;cursor:pointer;color:#333333;letter-spacing:.04em;font-family:arial,helvetica, sans-serif;font-weight: bold;margin-left:1px;padding-bottom:1px;font-size:12px}
.form_button_secondary .bm input {color:#878787;}

Comment 3

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

That's missing some relevant CSS, but it's clear from the screenshot that this is the bug 299265 / bug 315024 subcase of bug 205136 (button with little actual style but with a background image).

On the trunk with Josh's rewrite, this will probably be non-Aqua.

Comment 4

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Attachment: Daniel's screenshot, attached for posterity