StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POMy CSS drop down menu has a space between it and the right border. How do I remove it?
primarykey
Id
18083295
data
AcceptedAnswerId
18083647
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-08-06T14:41:43.143
FavoriteCount
0
LastActivityDate
2013-08-06T15:53:30.497
LastEditDate
2013-08-06T15:44:34.710
LastEditorUserId
2656102
OwnerUserId
2656102
ParentId
0
PostTypeId
1
Score
0
ViewCount
1593
LastEditorDisplayName
text
Body
<p>I created a css drop down menu and i am finishing it up with a border. When i added the left and bottom border everything was fine. Once i added the right border it put a gap between the right border and the drop down menu. Is there anyway to fix this? Here is a photo <a href="http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash3/563034_641717089180441_1749213926_n.jpg" rel="nofollow">http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash3/563034_641717089180441_1749213926_n.jpg</a></p> <p>The HTML I Used:</p> <pre><code><nav id="main_nav" class="fluid"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Show Services</a> <ul> <li><a href="#">Audio</a></li> <li><a href="#">Lighting</a></li> <li><a href="#">Power</a></li> <li><a href="#">Special Effects</a></li> <li><a href="#">Staging/Trussing</a></li> <li><a href="#">Video</a></li> </ul> </li> <li><a href="#">Systems Integration</a> <ul> <li><a href="#">Corporate and Commercial</a></li> <li><a href="#">Digital Signage</a></li> <li><a href="#">Entertainment</a></li> <li><a href="#">IP Based Systems</a></li> </ul> </li> <li><a href="#">Portfolio</a> <ul> <li><a href="#">Concrets</a></li> <li><a href="#">Installations</a></li> <li><a href="#">Parties</a></li> <li><a href="#">Product Launch</a></li> <li><a href="#">Trade Shows</a></li> </ul> </li> <li><a href="#">Our Company</a></li> </ul> </nav> </code></pre> <p>The CSS I Used:</p> <pre><code>#main_nav { } #main_nav ul { list-style-type: none; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; padding-top: 0%; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; width: 100%; position: relative; float: left; } #main_nav ul li { float: left; position: relative; width: 20%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; padding-top: 0%; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; background-color: #4d4d4d; } #main_nav ul li a { width: 100%; float: left; text-align: center; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding-top: 0%; font-style: normal; font-weight: 400; font-family: allerta; font-size: 1em; display: block; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; border-left: 0.1em solid #999999; border-bottom: 0.1em solid #999999; border-right: 0.1em solid #999999; } #main_nav a:hover, #main_nav a:active, #main_nav a:focus, #main_nav a.thispage { background-color: #666666; color: #0099FF; width: 100%; } #main_nav ul li ul { visibility: hidden; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; float: left; list-style-type: none; position: absolute; margin-top: 100%; padding-top: 0%; width: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; } #main_nav ul li ul li { position: relative; float: left; width: 100%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; padding-top: 0%; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; background-color: #4d4d4d; } #main_nav ul li ul li a { width: 100%; padding-right: 0%; padding-bottom: 0%; padding-left: 0%; margin-top: 0%; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0%; float: left; font-style: normal; font-weight: 400; font-family: allerta; font-size: 0.9em; text-align: center; text-decoration: none; display: block; color: #FFFFFF; text-transform: uppercase; } #main_nav ul li:hover ul, #main_nav ul li:active ul, #main_nav ul li:focus ul, #main_nav ul li.thispage ul { visibility: visible; width: 100%; } </code></pre>
Tags
<css><html5><drop-down-menu><border>
Title
My CSS drop down menu has a space between it and the right border. How do I remove it?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USuser2656102
UserOwnerUserId
1. USuser2656102
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POMy CSS drop down menu has a space between it and the right border. How do I remove it?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
2. VO
  singulars
  PostPostId
  POMy CSS drop down menu has a space between it and the right border. How do I remove it?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId
1. COCan you add a screenshot of menus with the unwanted space?
  singulars
  PostPostId
  POMy CSS drop down menu has a space between it and the right border. How do I remove it?
  UserUserId
  USSasidhar Vanga

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.